html:not([data-pattern]){--s:150px;--c1:#ff847c;--c2:#e84a5f;--c3:#fecea8;--c4:#99b898;background:conic-gradient(from 45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0), conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0), conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0), conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);background-size:var(--s) var(--s)}html[data-pattern="3d-diamond"]{--s:65px;--c1:#dadee1;--c2:#4a99b4;--c3:#9cceb5;--_c:75%,var(--c3) 52.72deg,#0000 0;--_g1:conic-gradient(from -116.36deg at 25% var(--_c));--_g2:conic-gradient(from 63.43deg at 75% var(--_c));background:var(--_g1), var(--_g1) calc(3*var(--s)) calc(var(--s)/2), var(--_g2), var(--_g2) calc(3*var(--s)) calc(var(--s)/2), conic-gradient(var(--c2) 63.43deg ,var(--c1) 0 116.36deg, var(--c2) 0 180deg ,var(--c1) 0 243.43deg, var(--c2) 0 296.15deg,var(--c1) 0);background-size:calc(2*var(--s)) var(--s)}html[data-pattern="3d-nested-triangles"]{--s:162px;--c1:#cd2942;--c2:#62928c;--c3:#e8cba9;--c4:#33152e;--c5:#414352;--_g:conic-gradient(from 30deg at 50% 25%,#0000 300deg,var(--c1) 0);background:var(--_g) calc(.2885*var(--s)) calc(7*var(--s)/12), var(--_g) 0 calc(var(--s)/12), conic-gradient(from 120deg at 50% calc(250%/3),var(--c2) 120deg,#0000 0), repeating-conic-gradient(from 30deg,#0000 0 60deg,var(--c3) 0 120deg), repeating-conic-gradient(var(--c4) 0 60deg,var(--c2) 0 120deg,var(--c5) 0 180deg);background-size:calc(.577*var(--s)) var(--s)}html[data-pattern="3d-rectangles"]{--s:194px;--c1:#f6edb3;--c2:#acc4a3;--c3:#55897c;--_l:#0000 calc(25%/3),var(--c1) 0 25%,#0000 0;--_g:conic-gradient(from 120deg at 50% 87.5%,var(--c1) 120deg,#0000 0);background:var(--_g),var(--_g) 0 calc(var(--s)/2), conic-gradient(from 180deg at 75%,var(--c2) 60deg,#0000 0), conic-gradient(from 60deg at 75% 75%,var(--c1) 0 60deg,#0000 0), linear-gradient(150deg,var(--_l)) 0 calc(var(--s)/2), conic-gradient(at 25% 25%,#0000 50%,var(--c2) 0 240deg,var(--c1) 0 300deg,var(--c2) 0), linear-gradient(-150deg,var(--_l)) var(--c3);background-size:calc(.866*var(--s)) var(--s)}html[data-pattern="3d-squares"]{--s:222px;--c1:#7f727b;--c2:#d6b4c2;--c3:#baa0ab;--_g:var(--c1) 10%,var(--c2) 10.5% 19%,#0000 19.5% 80.5%,var(--c2) 81% 89.5%,var(--c3) 90%;--_c:from -90deg at 37.5% 50%,#0000 75%;--_l1:linear-gradient(145deg,var(--_g));--_l2:linear-gradient(35deg,var(--_g));background:var(--_l1), var(--_l1) calc(var(--s)/2) var(--s), var(--_l2), var(--_l2) calc(var(--s)/2) var(--s), conic-gradient(var(--_c),var(--c1) 0) calc(var(--s)/8) 0, conic-gradient(var(--_c),var(--c3) 0) calc(var(--s)/2) 0, linear-gradient(90deg,var(--c3) 38%,var(--c1) 0 50%,var(--c3) 0 62%,var(--c1) 0);background-size:var(--s) calc(2*var(--s)/3)}html[data-pattern="3d-triangles"]{--s:105px;--c1:#b9b9b9;--c2:#dcdcdc;--c3:#fafafa;background:conic-gradient(from 75deg,var(--c1) 15deg ,var(--c2) 0 30deg ,#0000 0 180deg, var(--c2) 0 195deg,var(--c1) 0 210deg,#0000 0) calc(var(--s)/2) calc(.5*var(--s)/tan(30deg)), conic-gradient(var(--c1) 30deg ,var(--c3) 0 75deg ,var(--c1) 0 90deg, var(--c2) 0 105deg, var(--c3) 0 150deg,var(--c2) 0 180deg,var(--c3) 0 210deg,var(--c1) 0 256deg, var(--c2) 0 270deg,var(--c1) 0 286deg,var(--c2) 0 331deg,var(--c3) 0);background-size:var(--s) calc(var(--s)/tan(30deg))}html[data-pattern="3d-wavy"]{--s:100px;--c1:#f8b195;--c2:#355c7d;--_g:var(--c2) 6% 14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%, var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%,var(--c2) 86% 94%;background:radial-gradient(100% 100% at 100% 0,var(--c1) 4%,var(--_g),#0008 96%,#0000), radial-gradient(100% 100% at 0 100%,#0000, #0008 4%,var(--_g),var(--c1) 96%) var(--c1);background-size:var(--s) var(--s)}html[data-pattern="3d-zig-zag"]{--s:36px;--c1:#000;--c2:#d2d3d5;--c3:#727c7e;--g1:conic-gradient(at calc(250%/3) calc(50%/3),var(--c2) 60deg,#0000 0 300deg,var(--c1) 0);--g2:conic-gradient(at calc(50%/3) 50%,#0000 75%,var(--c1) 0);--g3:conic-gradient(at calc(100%/3) 50%,#0000 75%,var(--c2) 0);--g4:conic-gradient(from 59deg at calc(200%/3) calc(249%/9),var(--c3) 61deg,#0000 62deg);--g5:conic-gradient(from 60deg at 50% calc(250%/3),#f1f1f1  60deg,var(--c1) 0 120deg,#0000 0);--_p:calc(9*tan(30deg)*var(--s));background:var(--g1) calc(-1*var(--s)) 0,var(--g1) calc(2*var(--s)) var(--_p), var(--g2),var(--g2) calc(3*var(--s)) var(--_p), var(--g3),var(--g3) calc(3*var(--s)) var(--_p), var(--g4),var(--g4) calc(3*var(--s)) var(--_p), var(--g5) calc(3*var(--s)) 0,var(--g5) 0 var(--_p) var(--c3);background-size:calc(6*var(--s)) calc(2*var(--_p))}html[data-pattern=abstract]{--s:50px;--c1:#5e412f;--c2:#ccc68d;--c:calc(50%/3),#0000 75%,var(--c1) 0;--g:conic-gradient(at 50% var(--c));--l:conic-gradient(at var(--c));background:var(--g), var(--g) calc(var(--s)/2) var(--s), var(--g) var(--s) calc(2*var(--s)), var(--l) calc(2*var(--s)) 0, var(--l) 0 var(--s) var(--c2);background-size:calc(3*var(--s)) calc(3*var(--s))}html[data-pattern=alternating-arc]{--s:16px;--c1:#d88a8a;--c2:#474843;--g:#0000 66%,var(--c1) 67% 98%,#0000;background:radial-gradient(30% 50% at 30% 100%,var(--g)), radial-gradient(30% 50% at 70% 0%,var(--g)) var(--s) 0, repeating-linear-gradient(90deg,var(--c1) 0 10%,var(--c2) 0 50%);background-size:calc(10*var(--s)) calc(6*var(--s))}html[data-pattern=arabesque-style]{--s:50px;--c1:#084c7f;--c2:#fef5e9;--t:calc(var(--s)/10);--_c:#0000 calc(98% - var(--t)),var(--c1) calc(100% - var(--t)) 98%,#0000;--_s:calc(2*var(--s)) calc(5*var(--s)/2);--_r0:/var(--_s) radial-gradient(calc(var(--s)/2) at 0 20%,var(--_c));--_r1:/var(--_s) radial-gradient(calc(var(--s)/2) at 100% 20%,var(--_c));background:0 0 var(--_r0),calc(-1*var(--s)) calc(5*var(--s)/4) var(--_r0), var(--s) 0 var(--_r1),0 calc(5*var(--s)/4) var(--_r1), conic-gradient(at var(--t) calc(20% + 2*var(--t)),#0000 75%,var(--c1) 0) calc(var(--t)/-2) calc(var(--s) - var(--t))/var(--s) calc(5*var(--s)/4), repeating-conic-gradient(var(--c2) 0 25%,#0000 0 50%) var(--s) calc(var(--s)/-8)/var(--_s), conic-gradient(from 90deg at var(--t) var(--t),var(--c2) 25%,var(--c1) 0) calc((var(--s) - var(--t))/2) calc((var(--s) - var(--t))/2)/var(--s) calc(5*var(--s)/4)}html[data-pattern=arc]{--s:16px;--c1:#e4844a;--c2:#0d6759;--g:radial-gradient(30% 50% at 30% 100%,#0000 66%,var(--c1) 67% 98%,#0000);background:var(--g),var(--g) calc(5*var(--s)) calc(3*var(--s)), repeating-linear-gradient(90deg,var(--c1) 0 10%,var(--c2) 0 50%);background-size:calc(10*var(--s)) calc(6*var(--s))}html[data-pattern=arrows]{--s:100px;--c1:#cff09e;--c2:#3b8686;background:conic-gradient(#0000 75%,var(--c1) 0) 0 calc(var(--s)/4), conic-gradient(from 45deg,var(--c1) 25%,var(--c2) 0);background-size:var(--s) var(--s)}html[data-pattern=brick]{--s:50px;--c1:#774f38;--c2:#f1d4af;--g:conic-gradient(at 90% 40%,#0000 75%,var(--c1) 0);background:var(--g),var(--g) var(--s) var(--s) var(--c2);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=butterflies]{--s:90px;--c1:#ecf081;--c2:#ab3e5b;background:conic-gradient(at 25% 75%,#0000 25%,var(--c1) 0) calc(var(--s)/-8) calc(var(--s)/8)/var(--s) var(--s), radial-gradient(50% 50%,var(--c1) 24%,var(--c2) 26% 74%,#0000 76%) 0 0/var(--s) var(--s), conic-gradient(var(--c1) 75%,var(--c2) 0) calc(var(--s)/2) calc(var(--s)/2)/ calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=checkerboard-optical-illusion]{--s:80px;--c1:#6b5344;--c2:#f8ecc9;--c:var(--c1) 0;--g:conic-gradient(at 50% 25%,#0000 75%,var(--c));background:repeating-linear-gradient(#0000 0 48%,var(--c) 50%),var(--g), conic-gradient(#0000 75%,var(--c)) calc(var(--s)/4) calc(var(--s)/2), var(--g) calc(var(--s)/2) var(--s) var(--c2);background-size:var(--s) var(--s),var(--s) calc(2*var(--s))}html[data-pattern=chevron-stripes]{--s:65px;--c1:#ecd078;--c2:#0b486b;--g:calc(var(--s)/5);--_l:#0000 calc(33% - .866*var(--g)),var(--c1) calc(33.2% - .866*var(--g)) 33%,#0000 34%;background:repeating-linear-gradient(var(--c1) 0 var(--g), #0000 0 50%) 0 calc(.866*var(--s) - var(--g)/2), conic-gradient(from -150deg at var(--g) 50%,var(--c1) 120deg,#0000 0), linear-gradient(-120deg,var(--_l)),linear-gradient(-60deg,var(--_l)) var(--c2);background-size:var(--s) calc(3.466*var(--s))}html[data-pattern=chevrons]{--s:150px;--c1:#633d2e;--c2:#f7af63;--l:var(--c1) 20%,#0000 0;--g:35%,var(--c2) 0 45%,var(--c1) 0;background:linear-gradient(45deg,var(--l) 45%,var(--c1) 0 70%,#0000 0), linear-gradient(-45deg,var(--l) var(--g) 70%,#0000 0), linear-gradient(45deg,var(--c1) var(--g));background-size:var(--s) var(--s)}html[data-pattern=christmas]{--s:48px;--c1:#d8d8d8;--c2:#bb2528;--c3:#146b3a;--b:calc(var(--s)/2.67);--_r:calc(1.28*var(--s) + var(--b)/2) at left 50%;--_f:calc(100% - var(--b)),var(--c1) calc(101% - var(--b)) 100%,#0000 101%;--g0:calc(-.8*var(--s)),var(--c2) var(--_f);--g1:calc(-.8*var(--s)),var(--c3) var(--_f);--_s:calc(1.5*var(--s) + var(--b));background:radial-gradient(var(--_r) bottom var(--g0)) calc(2*var(--s)) calc(-1*var(--_s)), radial-gradient(var(--_r) bottom var(--g1)) calc(-1*var(--s)) calc(var(--_s)/-2), radial-gradient(var(--_r) top var(--g1)) 0 var(--_s), radial-gradient(var(--_r) top var(--g0)) var(--s) calc(var(--_s)/ 2), linear-gradient(var(--c2) 50%,var(--c3) 0);background-size:calc(4*var(--s)) var(--_s)}html[data-pattern=christmas-tree]{--s:75px;--c1:#fff;--c2:#a31e39;--c3:#31570e;--_c:#0000,var(--c1) 1deg 79deg,#0000 81deg;--g0:conic-gradient(from 140deg at 50% 87.5% ,var(--_c));--g1:conic-gradient(from 140deg at 50% 81.25%,var(--_c));--g2:conic-gradient(from 140deg at 50% 75% ,var(--_c));--g3:conic-gradient(at 10% 20%,#0000 75%,var(--c1) 0);background:var(--g0) 0 calc(var(--s)/-4),var(--g0) var(--s) calc(3*var(--s)/4), var(--g1) ,var(--g1) var(--s) var(--s), var(--g2) 0 calc(var(--s)/ 4),var(--g2) var(--s) calc(5*var(--s)/4), var(--g3) calc(var(--s)/-10) var(--s), var(--g3) calc(9*var(--s)/10) calc(2*var(--s)), repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c3) 0 50%);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=circles-curved-lines]{--s:70px;--c1:#6b5344;--c2:#f8ecc9;--_l:#0000 46%,var(--c1) 47% 53%,#0000 54%;background:radial-gradient(100% 100% at 100% 100%,var(--_l)) var(--s) var(--s), radial-gradient(100% 100% at 0 0 ,var(--_l)) var(--s) var(--s), radial-gradient(100% 100%,#0000 22%,var(--c1) 23% 29%, #0000 30% 34%,var(--c1) 35% 41%,#0000 42%), var(--c2);background-size:calc(var(--s)*2) calc(var(--s)*2)}html[data-pattern=circles-diagonals]{--s:120px;--c1:#53777a;--c2:#fc9d9a;background:radial-gradient(var(--c1) 14%,var(--c2) 15% 30%,var(--c1) 31% 44%,var(--c2) 45% 60%,#0000 61%), linear-gradient(45deg,#0000 46%,var(--c2) 0 54%,#0000 0), linear-gradient(-45deg,#0000 46%,var(--c2) 0 54%,#0000 0) var(--c1);background-size:var(--s) var(--s)}html[data-pattern=circles-pills]{--s:80px;--c1:#a2d2ff;--c2:#9a031e;--_g:/calc(3*var(--s)) calc(2*var(--s)) conic-gradient(at 33% 25%,#0000 75%,var(--c1) 0);background:calc(var(--s)/-2) calc(var(--s)/4) var(--_g), calc(var(--s)/2) calc(5*var(--s)/4) var(--_g), radial-gradient(var(--c1) 34%,var(--c2) 36%) 0 0/var(--s) var(--s)}html[data-pattern=circles-squares]{--s:100px;--c1:#fcd036;--c2:#987f69;--_g:var(--c1) 0 100%,#0000 102%;background:conic-gradient(#0000 75%,var(--_g)) calc(var(--s)/4) calc(var(--s)/4), radial-gradient(65% 65% at 50% -50%,var(--_g)), radial-gradient(65% 65% at -50% 50%,var(--_g)), radial-gradient(65% 65% at 50% 150%,var(--_g)), radial-gradient(65% 65% at 150% 50%,var(--_g)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=citrus-shapes]{--s:55px;--c1:#f9f2e7;--c2:#88a65e;--c3:#bfb35a;--b:calc(var(--s)/3.67);--_r:calc(1.28*var(--s) + var(--b)/2) at top 50%;--_f:calc(99.5% - var(--b)),var(--c1) calc(101% - var(--b)) 99.5%,#0000 101%;--_g0:calc(-.8*var(--s)), var(--c2) var(--_f);--_g1:calc(-.8*var(--s)), var(--c3) var(--_f);--_s:calc(1.8*var(--s) + var(--b));background:radial-gradient(var(--_r) right var(--_g0)) calc(-1*var(--_s)) var(--s), radial-gradient(var(--_r) left var(--_g1)) var(--_s) calc(-1*var(--s)), radial-gradient(var(--_r) right var(--_g1)) calc(var(--_s)/-2) calc(-1*var(--s)), radial-gradient(var(--_r) left var(--_g0)) calc(var(--_s)/ 2) var(--s), linear-gradient(90deg,var(--c2) 50%,var(--c3) 0);background-size:var(--_s) calc(4*var(--s))}html[data-pattern=colorful-circles]{--s:120px;--c1:#1a2030;--c2:#0f9177;--c3:#fdebad;--c4:#d34434;--c5:#b5d999;--_g:radial-gradient(#0000 70%,var(--c1) 71%);background:var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2), conic-gradient(var(--c2) 25%,var(--c3) 0 50%,var(--c4) 0 75%,var(--c5) 0);background-size:var(--s) var(--s)}html[data-pattern=concentric-arrows]{--s:124px;--c1:#90c0b2;--c2:#f9fbef;--g:var(--c1) 0 25%,var(--c2) 0 50%,#0000 0;background:conic-gradient(from 135deg at 25% 75%, var(--g)) calc(var(--s)/4) calc(var(--s)/-4), conic-gradient(from -45deg at 75% 25%, var(--g)) calc(var(--s)/-4) calc(var(--s)/4), repeating-conic-gradient(var(--g));background-size:var(--s) var(--s)}html[data-pattern=connected-squares]{--s:160px;--c1:#d3e2b6;--c2:#aaccb1;background:conic-gradient(at 25% 25%,#0000 75%,var(--c1) 0) 0 calc(3*var(--s)/4), conic-gradient(#0000 75%,var(--c2) 0) calc(var(--s)/-8) calc(5*var(--s)/8), conic-gradient(at 25% 75%,var(--c1) 25%,var(--c2) 0);background-size:var(--s) var(--s)}html[data-pattern=cube-columns]{--s:82px;--c1:#b2b2b2;--c2:#fff;--c3:#d9d9d9;--_g:var(--c3) 0 120deg,#0000 0;background:conic-gradient(from -60deg at 50% calc(100%/3),var(--_g)), conic-gradient(from 120deg at 50% calc(200%/3),var(--_g)), conic-gradient(from 60deg at calc(200%/3),var(--c3) 60deg,var(--c2) 0 120deg,#0000 0), conic-gradient(from 180deg at calc(100%/3),var(--c1) 60deg,var(--_g)), linear-gradient(90deg,var(--c1) calc(100%/6),var(--c2) 0 50%, var(--c1) 0 calc(500%/6),var(--c2) 0);background-size:calc(1.732*var(--s)) var(--s)}html[data-pattern=cubes]{--s:100px;--c1:#99b2b7;--c2:#edc951;background:conic-gradient(at 80% 80%,var(--c1) 75%,#0000 0), linear-gradient(135deg,var(--c1) calc(40%/3), #0000 0 calc(200%/3),var(--c1) 0), conic-gradient(from 45deg at calc(160%/3) calc(80%/3), #0008 135deg,#0000 0 225deg,#0004 0) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=cubes-illusion]{--s:200px;--c1:#1d1d1d;--c2:#4e4f51;--c3:#3c3c3c;background:repeating-conic-gradient(from 30deg,#0000 0 120deg,var(--c3) 0 50%) calc(var(--s)/2) calc(var(--s)*tan(30deg)/2), repeating-conic-gradient(from 30deg,var(--c1) 0 60deg,var(--c2) 0 120deg,var(--c3) 0 50%);background-size:var(--s) calc(var(--s)*tan(30deg))}html[data-pattern=curved-lines]{--s:100px;--c1:#fff0e5;--c2:#025d8c;--c3:#e1642a;--_g:50%,#0000 37%,var(--c1) 39% 70%,#0000 72%;--_t:50%,var(--c2) 40deg,var(--c3) 0 140deg,var(--c2) 0 180deg,#0000 0;--_s:47% 50% at;background:radial-gradient(var(--_s) -10% var(--_g)) 0 calc(var(--s)/2), radial-gradient(var(--_s) -10% var(--_g)) calc(var(--s)/2) 0, radial-gradient(var(--_s) 110% var(--_g)), radial-gradient(var(--_s) 110% var(--_g)) calc(var(--s)/2) calc(var(--s)/2), conic-gradient(from 0deg at 55% var(--_t)) calc(var(--s)/4) 0, conic-gradient(from 180deg at 45% var(--_t)) calc(var(--s)/4) 0, var(--c2);background-size:var(--s) var(--s)}html[data-pattern=curved-segments]{--s:60px;--c1:#7bb0a8;--c2:#a7dbab;--_c:var(--c1) calc(100% - var(--s)/2) 99%,#0000;--_g:var(--s),#0000 calc(99% - var(--s)/2),var(--_c);background:radial-gradient(var(--s) at 100% var(--_g)), radial-gradient(calc(var(--s)/4) at 50% calc(100%/3),var(--_c)) var(--s) 0, radial-gradient(var(--s) at 0% var(--_g)) 0 calc(3*var(--s)) var(--c2);background-size:calc(2*var(--s)) calc(9*var(--s)/4), calc(2*var(--s)) calc(3*var(--s)/4)}html[data-pattern=curvy]{--s:80px;--c1:#5e8c6a;--c2:#bfb35a;--_s:calc(2*var(--s)) calc(2*var(--s));--_g:35.36% 35.36% at;--_c:#0000 66%,var(--c2) 68% 70%,#0000 72%;background:radial-gradient(var(--_g) 100% 25%,var(--_c)) var(--s) var(--s)/var(--_s), radial-gradient(var(--_g) 0 75%,var(--_c)) var(--s) var(--s)/var(--_s), radial-gradient(var(--_g) 100% 25%,var(--_c)) 0 0/var(--_s), radial-gradient(var(--_g) 0 75%,var(--_c)) 0 0/var(--_s), repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/var(--_s), radial-gradient(var(--_c)) 0 calc(var(--s)/2)/var(--s) var(--s) var(--c1)}html[data-pattern=diagonal-arc]{--s:52px;--c1:#dfba69;--c2:#5a2e2e;--p:35%,#0000 calc(35% + 1px);background:radial-gradient(at 0 100%,var(--c1) var(--p)) var(--s) 0, radial-gradient(at 0 100%,var(--c2) var(--p)) 0 var(--s), repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c1) 0 50%);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=diagonal-arrows]{--s:62px;--c1:#cf4647;--c2:#524656;background:conic-gradient(from 45deg at 75% 75%,var(--c1) 25%,var(--c2) 0 50%,#0000 0) 0 0/var(--s) var(--s), conic-gradient(from 225deg at 25% 25%,var(--c2) 25%,var(--c1) 0 50%,#0000 0) 0 0/var(--s) var(--s), repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=diagonal-brick]{--s:100px;--c1:#d3643b;--c2:#333;--c:var(--c2) 20% 30%;background:linear-gradient(135deg,#0000 20%,var(--c),#0000 0), repeating-linear-gradient(45deg,var(--c),var(--c1) 0 70%);background-size:var(--s) var(--s)}html[data-pattern=diagonal-chevrons]{--s:100px;--c1:#7a6a53;--c2:#d9ceb2;background:conic-gradient(var(--c1) 135deg,var(--c2) 0 270deg, var(--c1) 0 315deg,var(--c2) 0) 0/var(--s) var(--s)}html[data-pattern=diagonal-herringbone]{--s:65px;--c1:#ecd078;--c2:#542437;--l1:#0000 48%,var(--c1) 0 52%,#0000 0;--l2:#0000 1.3%,var(--c2) 0 32%,#0000 0;background:linear-gradient(-45deg,var(--l2)), linear-gradient(45deg,var(--l1)), linear-gradient(45deg,var(--l2)) calc(var(--s)/2) calc(var(--s)/2), linear-gradient(-45deg,var(--l1)) var(--c2);background-size:calc(2*var(--s)) var(--s),var(--s) var(--s)}html[data-pattern=diagonal-lines]{--s:86px;--c1:#88abc2;--c2:#fad3b2;--g:#0000 45%,var(--c1) 46% 54%,#0000 55%;background:linear-gradient(60deg,var(--g)), linear-gradient(-60deg,var(--g)) var(--c2);background-size:var(--s) calc(tan(60deg)*var(--s))}html[data-pattern=diagonal-rectangles]{--s:150px;--c1:#5e412f;--c2:#fcebb6;background:linear-gradient(135deg,#0000 18.75%,var(--c1) 0 31.25%,#0000 0), repeating-linear-gradient(45deg,var(--c1) -6.25% 6.25%,var(--c2) 0 18.75%);background-size:var(--s) var(--s)}html[data-pattern=diagonal-squares]{--s:100px;--c1:#00a0b0;--c2:#eb6841;--_g:var(--c1) 0 25%,#0000 0 50%;background:repeating-conic-gradient(at 33% 33%,var(--_g)), repeating-conic-gradient(at 66% 66%,var(--_g)), var(--c2);background-size:var(--s) var(--s)}html[data-pattern=diagonal-wavy]{--s:100px;--c1:#cc2a41;--c2:#351330;--_g:#0000 24%, var(--c2) 26% 34%,var(--c1) 36% 44%, var(--c2) 46% 54%,var(--c1) 56% 64%, var(--c2) 66% 74%,#0000 76%;background:radial-gradient(100% 100% at 100% 0,var(--_g)), radial-gradient(100% 100% at 0 100%,var(--_g)), radial-gradient(var(--c2) 14%,var(--c1) 16%) calc(var(--s)/2) calc(var(--s)/2);background-size:var(--s) var(--s)}html[data-pattern=diagonal-wavy-squares]{--s:40px;--c1:#ab3e5b;--c2:#f9f2e7;--_g:#0000 17.5%,var(--c1) 18% 35%,var(--c2) 35.5% 39%,#0000 40%;background:radial-gradient(at 100% 0,var(--_g)) 0 calc(var(--s)/-2)/calc(2*var(--s)) calc(2*var(--s)), radial-gradient(at 0 100%,var(--_g)) calc(var(--s)/2) var(--s)/calc(2*var(--s)) calc(2*var(--s)), conic-gradient(#0000 75%,var(--c1) 0) 0 0/var(--s) var(--s) var(--c2)}html[data-pattern=diagonal-zig-zag]{--s:60px;--c1:#ffdc56;--c2:#fe6601;--c3:#803201;--_s:calc(2*var(--s)) calc(2*var(--s));--_g1:var(--_s) conic-gradient(at calc(500%/6) 50%,var(--c3) 25%,#0000 0);--_g2:var(--_s) conic-gradient(at calc(200%/3) 50%,var(--c2) 25%,#0000 0);background:var(--s) var(--s)/var(--_g1),0 0/var(--_g1), var(--s) var(--s)/var(--_g2),0 0/var(--_g2), repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/var(--_s), linear-gradient(var(--c1) calc(100%/3),var(--c2) 0 calc(200%/3),var(--c3) 0) 0 0/var(--s) var(--s)}html[data-pattern=distorted-mesh]{--s:140px;--c1:#170409;--c2:#67917a;--_g:#0000 52%,var(--c1) 54% 57%,#0000 59%;background:radial-gradient(farthest-side at -33.33% 50%,var(--_g)) 0 calc(var(--s)/2), radial-gradient(farthest-side at 50% 133.33%,var(--_g)) calc(var(--s)/2) 0, radial-gradient(farthest-side at 133.33% 50%,var(--_g)), radial-gradient(farthest-side at 50% -33.33%,var(--_g)), var(--c2);background-size:calc(var(--s)/4.667) var(--s),var(--s) calc(var(--s)/4.667)}html[data-pattern=double-arrows]{--s:100px;--c1:#e8bf56;--c2:#91204d;--_l:#0000 43.75%,var(--c1) 0 56.25%,#0000 0;--_s:calc(var(--s)/4) calc(var(--s)/-4)/ calc(var(--s)*2) calc(var(--s)*2);background:linear-gradient(-45deg,var(--_l)) var(--_s), linear-gradient(45deg,var(--_l)) var(--_s), conic-gradient(var(--c2) 75%,var(--c1) 0) 0 0/var(--s) var(--s)}html[data-pattern=elongated-hexagons]{--s:100px;--c1:#ed9;--c2:#bb8;--c:#0000 0 25%,var(--c1) 0 50%;background:repeating-conic-gradient(from -45deg at 75% 37.5%,var(--c)), conic-gradient(var(--c2) 50%,#0000 0), repeating-conic-gradient(from 45deg at 25% 87.5%,var(--c)) var(--c2);background-size:var(--s) calc(2*var(--s))}html[data-pattern=equal-sign]{--s:200px;--c1:#fff;--c2:#1095c1;--_g:#0000 8%,var(--c1) 0 17%,#0000 0 58%;background:linear-gradient(135deg,#0000 20.5%,var(--c1) 0 29.5%,#0000 0) 0 calc(var(--s)/4), linear-gradient(45deg,var(--_g)) calc(var(--s)/2) 0, linear-gradient(135deg,var(--_g),var(--c1) 0 67%,#0000 0), linear-gradient(45deg,var(--_g),var(--c1) 0 67%,#0000 0 83%,var(--c1) 0 92%,#0000 0), var(--c2);background-size:var(--s) var(--s)}html[data-pattern=equilateral-triangles]{--s:120px;--c1:#fa6900;--c2:#d95b43;--c3:#ecd078;background:conic-gradient(from 150deg at 50% 33%,#0000,var(--c1) .5deg 60deg,#0000 60.5deg) calc(var(--s)/2) calc(var(--s)/sqrt(2)), conic-gradient(from -30deg at 50% 66%,#0000,var(--c2) .5deg 60deg,var(--c3) 60.5deg);background-size:var(--s) calc(.5*var(--s)/tan(30deg))}html[data-pattern=fence]{--s:100px;--c1:#88c425;--c2:#1b676b;--g:var(--c2) -5% 5%,#0000 0 45%;background:linear-gradient(45deg,#0000 10%,var(--c1) 0 40%,#0000 0), repeating-linear-gradient(45deg,var(--g)), repeating-linear-gradient(-45deg,var(--g)) var(--c1);background-size:var(--s) var(--s)}html[data-pattern=flower-petals]{--s:60px;--c1:#f2b4a8;--c2:#91204d;--_g:radial-gradient(25% 25% at 25% 25%,var(--c1) 99%,#0000 101%);background:var(--_g) var(--s) var(--s)/calc(2*var(--s)) calc(2*var(--s)), var(--_g) 0 0/calc(2*var(--s)) calc(2*var(--s)), radial-gradient(50% 50%,var(--c2) 98%,#0000) 0 0/var(--s) var(--s), repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%) calc(.5*var(--s)) 0/calc(2*var(--s)) var(--s)}html[data-pattern=folded-zig-zag]{--s:84px;--c1:#fff;--c2:#71e9a0;--c3:#2a6a9b;--a:from -30deg at;background:linear-gradient(#0000 50%,#0004 0), conic-gradient(var(--a) 90%,var(--c1) 240deg,#0000 0), conic-gradient(var(--a) 75%,var(--c2) 240deg,#0000 0), conic-gradient(var(--a) 25%,#0000 240deg,var(--c1) 0), conic-gradient(var(--a) 40%,var(--c1) 240deg,var(--c3) 0);background-size:calc(1.5*var(--s)) var(--s)}html[data-pattern=geometric-flowers]{--s:64px;--c1:#c02942;--c2:#53777a;--c3:#ecd078;--c4:#d95b43;background:radial-gradient(var(--c1) 24%,#0000 25%), radial-gradient(var(--c2) 30%,#0000 32%) calc(var(--s)/2) calc(var(--s)/2), repeating-conic-gradient(from 30deg,var(--c3) 0 30deg,var(--c4) 0 25%);background-size:var(--s) var(--s)}html[data-pattern=graph-paper]{--s:100px;--c1:#366;--c2:#fff;--_g:#0000 90deg,var(--c1) 0;background:conic-gradient(from 90deg at 2px 2px,var(--_g)), conic-gradient(from 90deg at 1px 1px,var(--_g)), var(--c2);background-size:var(--s) var(--s), calc(var(--s)/5) calc(var(--s)/5)}html[data-pattern=half-circles]{--s:71px;--c1:#78c0a8;--c2:#fcebb6;background:radial-gradient(36% 72% at 25% -50%,var(--c2) 98%,#0000) 0 0/calc(2*var(--s)) var(--s), radial-gradient(36% 72% at 75% 150%,var(--c2) 98%,#0000) 0 0/calc(2*var(--s)) var(--s), radial-gradient(72% 36% at 150% 25%,var(--c2) 98%,#0000) 0 0/var(--s) calc(2*var(--s)), radial-gradient(72% 36% at -50% 75%,var(--c2) 98%,#0000) 0 0/var(--s) calc(2*var(--s)), repeating-conic-gradient(var(--c2) 0 45deg,var(--c1) 0 25%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=hearts]{--s:120px;--c1:#e7525b;--c2:#78dbf0;--_g:80%,var(--c1) 25.4%,#0000 26%;background:radial-gradient(at 80% var(--_g)), radial-gradient(at 20% var(--_g)), conic-gradient(from -45deg at 50% 41%,var(--c1) 90deg,var(--c2) 0) calc(var(--s)/2) 0;background-size:var(--s) var(--s)}html[data-pattern=herringbone]{--s:50px;--c1:#f8e4c1;--c2:#2b4e72;--c:#0000 75%,var(--c1) 0;--g1:conic-gradient(at 78% 3%,var(--c));--g2:conic-gradient(at 3% 78%,var(--c));background:var(--g1), var(--g1) var(--s) var(--s), var(--g1) calc(2*var(--s)) calc(2*var(--s)), var(--g1) calc(3*var(--s)) calc(3*var(--s)), var(--g2) 0 calc(3*var(--s)), var(--g2) var(--s) 0, var(--g2) calc(2*var(--s)) var(--s), var(--g2) calc(3*var(--s)) calc(2*var(--s)) var(--c2);background-size:calc(4*var(--s)) calc(4*var(--s))}html[data-pattern=hexagons-squares-triangles]{--s:41px;--c1:#f2c45a;--c2:#5e8c6a;--c3:#88a65e;--_g:,var(--c1) 25%,var(--c2) 0 150deg,var(--c1) 0 240deg,#0000 0;background:conic-gradient(from 60deg at calc(3.866*var(--s)),var(--c2) 60deg,#0000 0) calc(1.366*var(--s)) calc(1.366*var(--s)), conic-gradient(from 240deg at calc(.866*var(--s)),var(--c2) 60deg,#0000 0) calc(2.366*var(--s)) calc(1.366*var(--s)), conic-gradient(at var(--s) var(--s),#0000 75%,var(--c1) 0) calc(1.366*var(--s)) calc(var(--s)/-2), conic-gradient(from 30deg at calc(-.288*var(--s)) 50%, #0000 120deg,var(--c3) 0), conic-gradient(from 90deg at calc(3.732*var(--s)) calc(1.866*var(--s)), var(--c3) 120deg,#0000 0), conic-gradient(from -30deg at calc(3.732*var(--s)) calc(.866*var(--s)), var(--c3) 120deg,var(--c1) 0 210deg,#0000 0), conic-gradient(from 150deg at calc(.866*var(--s))var(--_g)), conic-gradient(from -30deg at calc(2.866*var(--s))var(--_g)) var(--c3);background-size:calc(4.732*var(--s)) calc(2.732*var(--s))}html[data-pattern=honeycomb]{--s:37px;--c1:#2fb8ac;--c2:#ecbe13;--c:#0000,var(--c1) .5deg 119.5deg,#0000 120deg;--g1:conic-gradient(from 60deg at 56.25% calc(425%/6),var(--c));--g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));--g3:conic-gradient(from -60deg at 50% calc(175%/12),var(--c));background:var(--g1),var(--g1) var(--s) calc(1.73*var(--s)), var(--g2),var(--g2) var(--s) calc(1.73*var(--s)), var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) var(--c2);background-size:calc(2*var(--s)) calc(3.46*var(--s))}html[data-pattern=houndstooth]{--s:100px;--c1:#5b7c8d;--c2:#edf6ee;background:conic-gradient(var(--c1) 25%,#0000 0 50%,var(--c2) 0 75%,#0000 0), linear-gradient(135deg, var(--c1) 0 12.5%,var(--c2) 0 25%, var(--c1) 0 37.5%,var(--c2) 0 62.5%, var(--c1) 0 75% ,var(--c2) 0 87.5%, var(--c1) 0);background-size:var(--s) var(--s)}html[data-pattern=intersecting-diagonals]{--s:150px;--c1:#0d6759;--c2:#e5edb8;background:linear-gradient(45deg,var(--c1) 12.5%,var(--c2) 0 25%,#0000 0 75%,var(--c2) 0 87.5%,var(--c1) 0) calc(var(--s)/2) calc(var(--s)/2), linear-gradient(45deg,var(--c2) 12.5%,var(--c1) 0 25%,#0000 0 75%,var(--c1) 0 87.5%,var(--c2) 0), repeating-linear-gradient(-45deg,var(--c1) 0 12.5%,var(--c2) 0 25%,var(--c1) 0 37.5%,var(--c2) 0 62.5%);background-size:var(--s) var(--s)}html[data-pattern=intersecting-rhombus]{--s:100px;--c1:#1bb0ce;--c2:#dad6ca;--_l:#0000 34%,var(--c1) 0 41%,#0000 0 59%,var(--c1) 0 66%,#0000 0;background:linear-gradient(-45deg,var(--_l)), linear-gradient(45deg,var(--_l)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=intersecting-wavy-lines]{--s:6px;--c1:#3b2d38;--c2:#f02475;--g:#0000 66%,var(--c1) 68% 98%,#0000;background:radial-gradient(30% 30% at 0% 30%,var(--g)) var(--s) calc(9*var(--s)), radial-gradient(30% 30% at 100% 30%,var(--g)) var(--s) calc(-1*var(--s)), radial-gradient(30% 30% at 30% 100%,var(--g)) calc(10*var(--s)) 0, radial-gradient(30% 30% at 30% 0% ,var(--g)) var(--c2);background-size:calc(20*var(--s)) calc(20*var(--s))}html[data-pattern=irregular-hexagons]{--s:65px;--c1:#ecd078;--c2:#542437;background:repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) calc(var(--s)/-2) 0/calc(4*var(--s)) calc(2*var(--s)), conic-gradient(#0000 50%,var(--c2) 0) 0 0/calc(2*var(--s)) 1%, repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c1) 0 50%) 0 0/var(--s) var(--s)}html[data-pattern=irregular-zig-zag]{--s:66px;--c1:#b38184;--c2:#413e4a;--c:var(--c1) 25%;background:conic-gradient(from -45deg at 75% 12.5%,var(--c),#0000 0), conic-gradient(from 135deg at 25% 87.5%,var(--c),#0000 0) 0 calc(var(--s)/2), conic-gradient(from 180deg at 50% 75%,#0000 62.5%,var(--c)), conic-gradient(at 50% 25%,#0000 62.5%,var(--c)) 0 calc(var(--s)/2) var(--c2);background-size:var(--s) calc(2*var(--s))}html[data-pattern=l-shape]{--s:90px;--c1:#696758;--c2:#eee6ab;--g:at calc(100%/3) 25%,#0000 75%,;background:conic-gradient(var(--g)var(--c1) 0), conic-gradient(var(--g)var(--c2) 0) 0 var(--s), repeating-conic-gradient(at calc(200%/3), var(--c1) 0 25%,var(--c2) 0 50%);background-size:var(--s) calc(4*var(--s)/3)}html[data-pattern=leafs]{--s:50px;--c1:#9d2053;--c2:#b5d8eb;--c:var(--c1) 99%,#0000 101%;background:radial-gradient(var(--s) at 100% 100%,var(--c)), radial-gradient(var(--s) at 100% 0 ,var(--c)) calc(3*var(--s)/2) 0, radial-gradient(var(--s) at 0 100%,var(--c)) calc(var(--s)/2) 0, radial-gradient(var(--s) at 0 0 ,var(--c)) calc(2*var(--s)) 0 var(--c2);background-size:calc(3*var(--s)) calc(5*var(--s)/2)}html[data-pattern=lines-dots]{--s:60px;--c1:#dee8be;--c2:#cd8c52;--c:#0000 71%,var(--c1) 0 79%,#0000 0;--_s:calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s));background:linear-gradient(45deg,var(--c)) calc(var(--s)/-2) var(--_s), linear-gradient(135deg,var(--c)) calc(var(--s)/2) var(--_s), radial-gradient(var(--c1) 35%,var(--c2) 37%) 0 0/var(--s) var(--s)}html[data-pattern=linked-squares]{--s:100px;--c1:#c3ccaf;--c2:#67434f;--_s:calc(2*var(--s)) calc(2*var(--s));--_g:var(--_s) conic-gradient(at 40% 40%,#0000 75%,var(--c1) 0);--_p:var(--_s) conic-gradient(at 20% 20%,#0000 75%,var(--c2) 0);background:calc(.9*var(--s)) calc(.9*var(--s))/var(--_p), calc(-.1*var(--s)) calc(-.1*var(--s))/var(--_p), calc(.7*var(--s)) calc(.7*var(--s))/var(--_g), calc(-.3*var(--s)) calc(-.3*var(--s))/var(--_g), conic-gradient(from 90deg at 20% 20%,var(--c2) 25%,var(--c1) 0) 0 0/var(--s) var(--s)}html[data-pattern=lollipop]{--s:56px;--c1:#3fb8af;--c2:#ff9e9d;--_c1:var(--c1) 99%,#0000 101%;--_c2:var(--c2) 99%,#0000 101%;--r:calc(var(--s)*.866);--g0:radial-gradient(var(--s),var(--_c1));--g1:radial-gradient(var(--s),var(--_c2));--f:radial-gradient(var(--s) at calc(100% + var(--r)) 50%,var(--_c1));--p:radial-gradient(var(--s) at 100% 50%,var(--_c2));background:var(--f) 0 calc(-5*var(--s)/2), var(--f) calc(-2*var(--r)) calc(var(--s)/2), var(--p) 0 calc(-2*var(--s)), var(--g0) var(--r) calc(-5*var(--s)/2), var(--g1) var(--r) calc(5*var(--s)/2), radial-gradient(var(--s) at 100% 100%,var(--_c1)) 0 calc(-1*var(--s)), radial-gradient(var(--s) at 0% 50% ,var(--_c1)) 0 calc(-4*var(--s)), var(--g1) calc(-1*var(--r)) calc(-7*var(--s)/2), var(--g0) calc(-1*var(--r)) calc(-5*var(--s)/2), var(--p) calc(-2*var(--r)) var(--s), var(--g0) calc(-1*var(--r)) calc(var(--s)/ 2), var(--g1) calc(-1*var(--r)) calc(var(--s)/-2), var(--g0) 0 calc(-1*var(--s)), var(--g1) var(--r) calc(var(--s)/-2), var(--g0) var(--r) calc(var(--s)/ 2) var(--c2);background-size:calc(4*var(--r)) calc(6*var(--s))}html[data-pattern=loop-circles]{--s:150px;--c1:#ccbf82;--c2:#604848;--_g:var(--c1) 6.1%,var(--c2) 6.4% 18.6%,var(--c1) 18.9% 31.1%, var(--c2) 31.4% 43.6%,var(--c1) 43.9% 56.1%,var(--c2) 56.4% 68.6%,#0000 68.9%;background:radial-gradient(var(--s) at 100% 0 ,var(--_g)), radial-gradient(var(--s) at 0 0 ,var(--_g)), radial-gradient(var(--s) at 0 100%,var(--_g)), radial-gradient(var(--s) at 100% 100%,var(--_g)) var(--c1);background-size:var(--s) var(--s)}html[data-pattern=maze]{--s:80px;--c1:#e9e0d1;--c2:#59a80f;--c:#0000 75%,var(--c1) 0;--g:/calc(2*var(--s)) var(--s) conic-gradient(at 62.5% 25%,var(--c));background:calc(var(--s)/4) calc(var(--s)/ 4) var(--g), calc(5*var(--s)/4) calc(var(--s)/-4) var(--g), linear-gradient(90deg,var(--c)) 0/var(--s) var(--s) var(--c2)}html[data-pattern=meander]{--s:120px;--c1:#72e21f;--c2:#044012;--_c:var(--c1) 25%,#0000 0;--_g1:conic-gradient(at 62.5% 12.5%,var(--_c));--_g2:conic-gradient(at 87.5% 62.5%,var(--_c));--_g3:conic-gradient(at 25% 12.5%,var(--_c));background:var(--_g1) calc(var(--s)/-8) calc(var(--s)/2),var(--_g1) calc(-3*var(--s)/8) calc(var(--s)/4), var(--_g2) calc(3*var(--s)/8) calc(var(--s)/4),var(--_g2) calc(var(--s)/-8) 0, var(--_g3) 0 calc(var(--s)/-4),var(--_g3) calc(var(--s)/-4) 0, conic-gradient(at 87.5% 87.5%,var(--_c)) calc(var(--s)/8) 0 var(--c2);background-size:var(--s) var(--s)}html[data-pattern=mosaic-parallelograms]{--s:125px;--c1:#f8ca00;--c2:#bd1550;--_g:var(--c1) 90deg,var(--c2) 0 135deg,#0000 0;background:conic-gradient(from -45deg at calc(100%/3) calc(100%/3) ,var(--c1) 90deg,#0000 0), conic-gradient(from -135deg at calc(100%/3) calc(2*100%/3),var(--_g)), conic-gradient(from 135deg at calc(2*100%/3) calc(2*100%/3),var(--_g)), conic-gradient(from 45deg at calc(2*100%/3) calc(100%/3) ,var(--_g),var(--c1) 0 225deg,var(--c2) 0);background-size:var(--s) var(--s)}html[data-pattern=mosaic-triangles]{--s:36px;--c1:#b62f31;--c2:#ecdacb;--c3:#8e1f08;--_g:calc(2*var(--s)*1.732) calc(2*var(--s)) conic-gradient(from 60deg at 62.5% 50%,var(--c3) 60deg,#0000 0);background:calc(2.598*var(--s)/2) calc(var(--s)/ 2)/var(--_g), calc(-.866*var(--s)/2) calc(var(--s)/-2)/var(--_g), repeating-conic-gradient(var(--c2) 0 90deg,#0000 0 180deg) 0 0/calc(2*var(--s)*1.732) calc(2*var(--s)), repeating-conic-gradient(from 60deg,var(--c1) 0 60deg,var(--c2) 0 180deg) 0 0/calc(var(--s)*1.732) var(--s)}html[data-pattern=multicolor-circles]{--s:80px;--c1:#f8ca00;--c2:#8a9b0f;--c3:#c02942;--c4:#53777a;--c5:#c5bc8e;--_g:conic-gradient(at 25%,#0000 75%,var(--c1) 0);--_s:/calc(2*var(--s)) calc(2*var(--s));background:radial-gradient(#0000 64%,var(--c5) 65%) 0 0/var(--s) var(--s), var(--_g) 0 0 var(--_s), var(--_g) var(--s) var(--s) var(--_s), repeating-conic-gradient(#0000 0 25%,var(--c2) 0 50%) 0 0 var(--_s), linear-gradient(var(--c3) 50%,var(--c4) 0) 0 0/1% var(--s)}html[data-pattern=nested-diamond]{--s:100px;--c1:#668284;--c2:#b6d8c0;--c3:#b9d7d9;--_g:#0000, var(--c1) 1deg 30deg,var(--c2) 31deg 89deg,var(--c1) 90deg 119deg,#0000 120deg;background:conic-gradient(from -60deg at 50% 28.86%,var(--_g)), conic-gradient(from 30deg at 71.14% 50%,var(--_g)), conic-gradient(from 120deg at 50% 71.14%,var(--_g)), conic-gradient(from 210deg at 28.86% 50%,var(--_g)) var(--c3);background-size:var(--s) var(--s)}html[data-pattern=nested-rhombus]{--s:100px;--c1:#1bb0ce;--c2:#dad6ca;--_g1:var(--c1) calc(25%/3) ,#0000 0 calc(50%/3), var(--c1) 0 25% ,#0000 0 75%, var(--c1) 0 calc(250%/3),#0000 0 calc(275%/3), var(--c1) 0;--_g2:#0000 calc(25%/3) ,var(--c1) 0 calc(50%/3), #0000 0 calc(250%/3),var(--c1) 0 calc(275%/3), #0000 0;background:linear-gradient(45deg,var(--_g2)),linear-gradient(45deg,var(--_g1)), linear-gradient(-45deg,var(--_g2)),linear-gradient(-45deg,var(--_g1)) var(--c2);background-position:0 0,var(--s) var(--s);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=nested-squares]{--s:120px;--c1:#ff6b6b;--c2:#556270;background:conic-gradient(at calc(50%/3) calc(50%/3),#0000 75%,var(--c2) 0) calc(var(--s)/3) calc(var(--s)/3), conic-gradient(#0000 75%,var(--c1) 0) calc(var(--s)/6) calc(var(--s)/6), conic-gradient(at calc(250%/3) calc(250%/3),var(--c1) 75%,var(--c2) 0);background-size:var(--s) var(--s)}html[data-pattern=nested-triangles]{--s:80px;--c1:#d95b43;--c2:#a7dbd8;background:conic-gradient(from -30deg at 50% calc(100% - var(--s)/2),var(--c1) 60deg,#0000 0) calc(var(--s)/2) calc(var(--s)/6), conic-gradient(from 150deg at 50% calc(var(--s)/2) ,var(--c2) 60deg,#0000 0) 0 calc(var(--s)/-6), conic-gradient(from 150deg at 50% 0,var(--c1) 60deg,var(--c2) 0);background-size:var(--s) calc(var(--s)*cos(30deg))}html[data-pattern=octagons]{--s:150px;--c1:#5e9fa3;--c2:#dcd1b4;--c:#0000,var(--c1) 2deg 133deg,#0000 135deg;--g1:conic-gradient(from -112.5deg at 25% 25%,var(--c));--g2:conic-gradient(from -22.5deg at 75% 25%,var(--c));--g3:conic-gradient(from 67.5deg at 75% 75%,var(--c));--g4:conic-gradient(from 157.5deg at 25% 75%,var(--c));background:var(--g1),var(--g1),var(--g2),var(--g2), var(--g3),var(--g3),var(--g4),var(--g4) var(--c2);background-position:0 0,calc(var(--s)/2) calc(var(--s)/2);background-size:var(--s) var(--s)}html[data-pattern=octagons-squares]{--s:20px;--c1:#c7956d;--c2:#5e4352;--c:#0000 46.46%,var(--c1) 0 53.53%,#0000 0;--d:calc(10*var(--s)) calc(10*var(--s));--g:/var(--d) conic-gradient(at 40% 40%,#0000 75%,var(--c1) 0);background:conic-gradient(at 40% 40%,#0000 75%,var(--c2) 0) calc(9*var(--s)) calc(9*var(--s))/ calc(5*var(--s)) calc(5*var(--s)), calc(8*var(--s)) calc(8*var(--s)) var(--g), calc(3*var(--s)) calc(3*var(--s)) var(--g), linear-gradient(45deg,var(--c)) 0 0/var(--d), linear-gradient(-45deg,var(--c)) 0 0/var(--d) var(--c2)}html[data-pattern=octagram]{--s:150px;--c1:#d5ded9;--c2:#7a6a53;--_l:#0000 43.75%,var(--c1) 0 56.25%,#0000 0;background:conic-gradient(#0000 75%,var(--c1) 0) calc(var(--s)/-8) calc(var(--s)/-8)/calc(var(--s)/2) calc(var(--s)/2), repeating-conic-gradient(var(--c2) 0 25%,#0000 0 50%) calc(var(--s)/-4) calc(var(--s)/-4)/var(--s) var(--s), linear-gradient(-45deg,var(--_l))0 0/var(--s) var(--s), linear-gradient(45deg,var(--_l))0 0/var(--s) var(--s) var(--c2)}html[data-pattern=optical-illusion]{--s:50px;--c1:#5e412f;--c2:#fcebb6;background:radial-gradient(25% 50%,var(--c1) 98%,#0000) var(--s) 0/calc(2*var(--s)) var(--s), radial-gradient(25% 50%,var(--c2) 98%,#0000) 0 0/calc(2*var(--s)) var(--s), repeating-conic-gradient(var(--c1) 0 25%,var(--c2) 0 50%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=outline-circles]{--s:220px;--c1:#774f38;--c2:#f1d4af;--_g:radial-gradient(#0000 60%,var(--c1) 61% 63%,#0000 64% 77%,var(--c1) 78% 80%,#0000 81%);--_c:,#0000 75%,var(--c2) 0;background:conic-gradient(at 12% 20% var(--_c)) calc(var(--s)* .44) calc(.9*var(--s)), conic-gradient(at 12% 20% var(--_c)) calc(var(--s)*-.06) calc(.4*var(--s)), conic-gradient(at 20% 12% var(--_c)) calc(.9*var(--s)) calc(var(--s)* .44), conic-gradient(at 20% 12% var(--_c)) calc(.4*var(--s)) calc(var(--s)*-.06), var(--_g),var(--_g) calc(var(--s)/2) calc(var(--s)/2) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=outline-leafs]{--s:50px;--c1:#f2f26f;--c2:#a0c55f;--c:#0000 79%,var(--c1) 81% 99%,var(--c2) 101% 150%,#0000 0;background:radial-gradient(var(--s) at 100% 100%,var(--c)), radial-gradient(var(--s) at 100% 0 ,var(--c)) calc(3*var(--s)/2) 0, radial-gradient(var(--s) at 0 100%,var(--c)) calc(var(--s)/2) 0, radial-gradient(var(--s) at 0 0 ,var(--c)) calc(2*var(--s)) 0, repeating-linear-gradient(90deg, var(--c1) 0 calc(20%/3),#0000 0 calc(70%/3), var(--c1) 0 30%,#0000 0 50%) calc(var(--s)/-5) 0 var(--c2);background-size:calc(3*var(--s)) calc(5*var(--s)/2)}html[data-pattern=outline-ovals]{--s:29px;--c1:#615375;--c2:#8eb2c5;--g:#0000 calc(100% - var(--s)/3 - 1px),var(--c1) calc(100% - var(--s)/3) calc(100% - 1px),#0000;--r:calc(2.414*var(--s));--p:calc(1.414*var(--s));background:radial-gradient(var(--r) at 0 0 ,var(--g)) var(--r) var(--r), radial-gradient(var(--s) at 0 0 ,var(--g)) var(--p) var(--p), radial-gradient(var(--r) at 0 100%,var(--g)) 0 var(--p), radial-gradient(var(--s) at 0 100%,var(--g)) calc(-1*var(--s)) var(--r), radial-gradient(var(--r) at 100% 0 ,var(--g)) var(--p) 0, radial-gradient(var(--s) at 100% 0 ,var(--g)) var(--r) calc(-1*var(--s)), radial-gradient(var(--r) at 100% 100%,var(--g)) calc(-1*var(--s)) calc(-1*var(--s)), radial-gradient(var(--s) at 100% 100%,var(--g)) var(--c2);background-size:calc(2*var(--r)) calc(2*var(--r))}html[data-pattern=outline-rectangles]{--s:60px;--c1:#53777a;--c2:#cff09e;--g1:conic-gradient(at 37.5% 87.5%,#0000 75%,var(--c1) 0);--g2:conic-gradient(at 12.5% 62.5%,#0000 75%,var(--c2) 0);background:var(--g2) calc(var(--s)/4) calc(var(--s)/4), var(--g2) calc(5*var(--s)/4) calc(5*var(--s)/4), var(--g1),var(--g1) var(--s) var(--s) var(--c2);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=outline-triangles]{--s:112px;--c1:#490a3d;--c2:#f56991;--g1:conic-gradient(from -45deg at 60%,#0000 75%,var(--c1) 0);--g2:conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0);background:var(--g2) calc(var(--s)/8) 0,var(--g2) calc(5*var(--s)/8) var(--s), var(--g1),var(--g1) calc(var(--s)/2) var(--s) var(--c2);background-size:var(--s) calc(2*var(--s))}html[data-pattern=ovals]{--s:29px;--c1:#ffe545;--c2:#c2a34f;--c:var(--c1) calc(100% - 2px),#0000;--r:calc(2.414*var(--s));--p:calc(1.414*var(--s));--g:radial-gradient(var(--s),var(--c));background:radial-gradient(var(--r) at 0 0 ,var(--c)), radial-gradient(var(--r) at 0 100%,var(--c)), radial-gradient(var(--r) at 100% 0 ,var(--c)), radial-gradient(var(--r) at 100% 100%,var(--c)), var(--g),var(--g),var(--g),var(--g) var(--c2);background-position:var(--r) var(--r),0 var(--p),var(--p) 0, calc(-1*var(--s)) calc(-1*var(--s));background-size:calc(2*var(--r)) calc(2*var(--r))}html[data-pattern=overlapping-circles]{--s:150px;--c1:#f7d2a1;--c2:#05057e;--_g:var(--c1) 0% 5% ,var(--c2) 6% 15%,var(--c1) 16% 25%,var(--c2) 26% 35%,var(--c1) 36% 45%, var(--c2) 46% 55%,var(--c1) 56% 65%,var(--c2) 66% 75%,var(--c1) 76% 85%,var(--c2) 86% 95%, #0000 96%;background:radial-gradient(50% 50% at 100% 0,var(--_g)), radial-gradient(50% 50% at 0 100%,var(--_g)), radial-gradient(50% 50%,var(--_g)), radial-gradient(50% 50%,var(--_g)) calc(var(--s)/2) calc(var(--s)/2) var(--c1);background-size:var(--s) var(--s)}html[data-pattern=overlapping-cubes]{--s:84px;--c1:#f2f2f2;--c2:#cdcbcc;--c3:#999;--_g:0 120deg,#0000 0;background:conic-gradient(at calc(250%/3) calc(100%/3),var(--c3) var(--_g)), conic-gradient(from -120deg at calc(50%/3) calc(100%/3),var(--c2) var(--_g)), conic-gradient(from 120deg at calc(100%/3) calc(250%/3),var(--c1) var(--_g)), conic-gradient(from 120deg at calc(200%/3) calc(250%/3),var(--c1) var(--_g)), conic-gradient(from -180deg at calc(100%/3) 50%,var(--c2) 60deg,var(--c1) var(--_g)), conic-gradient(from 60deg at calc(200%/3) 50%,var(--c1) 60deg,var(--c3) var(--_g)), conic-gradient(from -60deg at 50% calc(100%/3),var(--c1) 120deg,var(--c2) 0 240deg,var(--c3) 0);background-size:calc(var(--s)*sqrt(3)) var(--s)}html[data-pattern=overlapping-squares]{--s:50px;--c1:#87bdb1;--c2:#d3e2b6;--c:#0000 75%,var(--c1) 0;--g1:conic-gradient(at calc(200%/3) 10%,var(--c));--g2:conic-gradient(at 10% calc(200%/3),var(--c));background:var(--g1), var(--g2), var(--g1) var(--s) var(--s), var(--g2) var(--s) var(--s), var(--g1) calc(2*var(--s)) calc(2*var(--s)), var(--g2) calc(2*var(--s)) calc(2*var(--s)) var(--c2);background-size:calc(3*var(--s)) calc(3*var(--s))}html[data-pattern=parallelograms]{--s:100px;--c1:#4ecdc4;--c2:#556270;background:linear-gradient(atan(-.5),var(--c1) 33%,var(--c2) 33.5% 66.5%,var(--c1) 67%) 0/var(--s) var(--s)}html[data-pattern=pill-shapes]{--s:34px;--c1:#ecbe13;--c2:#309292;--_g:radial-gradient(calc(var(--s)/2),var(--c1) 97%,#0000);background:var(--_g),var(--_g) calc(2*var(--s)) calc(2*var(--s)), repeating-conic-gradient(from 45deg,#0000 0 25%,var(--c2) 0 50%) calc(-.707*var(--s)) calc(-.707*var(--s)), repeating-linear-gradient(135deg,var(--c1) calc(var(--s)/-2) calc(var(--s)/2),var(--c2) 0 calc(2.328*var(--s)));background-size:calc(4*var(--s)) calc(4*var(--s))}html[data-pattern=pills]{--s:60px;--c1:#dcd1b4;--c2:#5e9fa3;background:repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/calc(4*var(--s)) calc(2*var(--s)), conic-gradient(#0000 50%,var(--c2) 0) calc(var(--s)/2) 0/calc(2*var(--s)) 1%, radial-gradient(var(--c2) 70%,var(--c1) 72%) 0 0/var(--s) var(--s)}html[data-pattern=pixel]{--s:50px;--c1:#e08e79;--c2:#774f38;--c:var(--c1) 0 25%,var(--c2) 0 50%,#0000 0;background:conic-gradient(from 180deg,var(--c)) 0/var(--s) var(--s), repeating-conic-gradient(from 90deg,var(--c)) 0/calc(3*var(--s)) calc(3*var(--s))}html[data-pattern=plus-sign]{--s:40px;--c1:#c0d860;--c2:#604848;--_c:#0000 75%,var(--c1) 0;--_g1:conic-gradient(at 10% 50%,var(--_c));--_g2:conic-gradient(at 50% 10%,var(--_c));background:var(--_g1), var(--_g1) calc(1*var(--s)) calc(3*var(--s)), var(--_g1) calc(2*var(--s)) calc(1*var(--s)), var(--_g1) calc(3*var(--s)) calc(4*var(--s)), var(--_g1) calc(4*var(--s)) calc(2*var(--s)), var(--_g2) 0 calc(4*var(--s)), var(--_g2) calc(1*var(--s)) calc(2*var(--s)), var(--_g2) calc(2*var(--s)) 0, var(--_g2) calc(3*var(--s)) calc(3*var(--s)), var(--_g2) calc(4*var(--s)) calc(1*var(--s)), var(--c2);background-size:calc(5*var(--s)) calc(5*var(--s))}html[data-pattern=pointy-cross]{--s:100px;--c1:#e5fcc2;--c2:#45ada8;--_l:#0000 43.75%,var(--c1) 0 56.25%,#0000 0;--_s:calc(var(--s)/-4) calc(var(--s)/-4)/ calc(var(--s)*2) calc(var(--s)*2);background:linear-gradient(-45deg,var(--_l)) var(--_s), linear-gradient(45deg,var(--_l)) var(--_s), conic-gradient(var(--c2) 75%,var(--c1) 0) 0 0/var(--s) var(--s)}html[data-pattern=pointy-shapes]{--s:60px;--c1:#542437;--c2:#cfbe27;--p:calc(var(--s)/2)/calc(2*var(--s)) var(--s);background:radial-gradient(var(--s),var(--c1) 49%,#0000 50%) var(--s) var(--p), radial-gradient(var(--s),var(--c2) 49%,#0000 50%) 0 var(--p), linear-gradient(var(--c1) 50%,var(--c2) 0) 0 0/1% calc(2*var(--s))}html[data-pattern=quarter-circles]{--s:64px;--c1:#036564;--c2:#e8ddcb;--_g:var(--c1) 35%, #0000 36%;background:radial-gradient(at 100% 100%, var(--_g)), radial-gradient(at 0 0 , var(--_g)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=quatrefoils]{--s:60px;--c1:#b09f79;--c2:#476074;--_g:#0000 83%,var(--c1) 85% 99%,#0000 101%;background:radial-gradient(27% 29% at right ,var(--_g)) calc(var(--s)/ 2) var(--s), radial-gradient(27% 29% at left ,var(--_g)) calc(var(--s)/-2) var(--s), radial-gradient(29% 27% at top ,var(--_g)) 0 calc(var(--s)/ 2), radial-gradient(29% 27% at bottom,var(--_g)) 0 calc(var(--s)/-2) var(--c2);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=rectangles-3d]{--s:100px;--c1:#f6edb3;--c2:#acc4a3;--c3:#55897c;background:repeating-conic-gradient(#0000 0 25%,var(--c1) 0 50%) 0 0/calc(2*var(--s)) var(--s), linear-gradient(-45deg,var(--c2) 33.3%,var(--c3) 0) 0 0/var(--s) calc(var(--s)/2)}html[data-pattern=rectangles-lines]{--s:160px;--c1:#1c2130;--c2:#b3e099;--_c:5%,#0000 75%,var(--c1) 0;--_g:/var(--s) var(--s) conic-gradient(at var(--_c));--_l:/var(--s) var(--s) conic-gradient(at 50% var(--_c));background:0 calc(7*var(--s)/10) var(--_l), calc(var(--s)/2) calc(var(--s)/5) var(--_l), calc(var(--s)/5) 0 var(--_g), calc(7*var(--s)/10) calc(var(--s)/2) var(--_g), conic-gradient(at 90% 90%,var(--c1) 75%,var(--c2) 0) 0 0/calc(var(--s)/2) calc(var(--s)/2)}html[data-pattern=rectangles-parallelograms]{--s:150px;--c1:#ff847c;--c2:#e84a5f;--c3:#fecea8;--c4:#99b898;background:conic-gradient(from 45deg at 75% 75%, var(--c3) 90deg,var(--c1) 0 180deg,#0000 0), conic-gradient(from -45deg at 25% 25%, var(--c3) 90deg,#0000 0), conic-gradient(from -45deg at 50% 100%,#0000 180deg,var(--c3) 0), conic-gradient(from -45deg,var(--c1) 90deg, var(--c2) 0 225deg,var(--c4) 0);background-size:var(--s) var(--s)}html[data-pattern=retro-circles]{--s:100px;--c1:#80bca3;--c2:#655643;background:radial-gradient(var(--c2) 15%, #0000 17% 20%,var(--c2) 22% 25%, #0000 27% 30%,var(--c2) 32% 35%, #0000 37% 40%,var(--c2) 42% 45%, #0000 47% 50%,var(--c2) 52% 55%, var(--c1) 57%) calc(var(--s)/2) 0/var(--s) var(--s), repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=rhombus]{--s:100px;--c1:#f8edd1;--c2:#d88a8a;--c3:#9d9d93;--c:#0000 48%,var(--c1) 0 52%,#0000 0;background:linear-gradient(-45deg,var(--c)),linear-gradient(45deg,var(--c)), repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c3) 0 50%);background-size:var(--s) var(--s)}html[data-pattern=rhombus-circles]{--s:90px;--c1:#ddd9ab;--c2:#e5625c;--g:#0000 calc(125%/3),var(--c1) 0 calc(175%/3),#0000 0;--p:calc(var(--s)/2) calc(var(--s)/2)/calc(2*var(--s)) calc(2*var(--s));background:radial-gradient(var(--c1) 34%,#0000 36%) 0 0/var(--s) var(--s), linear-gradient(45deg,var(--g)) var(--p), linear-gradient(-45deg,var(--g)) var(--p) var(--c2)}html[data-pattern=rhombus-nested]{--s:80px;--c1:#542437;--c2:#c02942;--_g:#0000 calc(-650%/13) calc(50%/13),var(--c1) 0 calc(100%/13), #0000 0 calc(150%/13),var(--c1) 0 calc(200%/13), #0000 0 calc(250%/13),var(--c1) 0 calc(300%/13);--_g0:repeating-linear-gradient(45deg,var(--_g));--_g1:repeating-linear-gradient(-45deg,var(--_g));background:var(--_g0),var(--_g0) var(--s) var(--s), var(--_g1),var(--_g1) var(--s) var(--s) var(--c2);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=rhombus-octagons]{--s:120px;--c1:#4e395d;--c2:#8ebe94;--_g:var(--c1) 15%,var(--c2) 0 28%,#0000 0 72%,var(--c2) 0 85%,var(--c1) 0;background:conic-gradient(from 90deg at 2px 2px,#0000 25%,var(--c1) 0) -1px -1px, linear-gradient(-45deg,var(--_g)),linear-gradient(45deg,var(--_g)), conic-gradient(from 90deg at 40% 40%,var(--c1) 25%,var(--c2) 0) calc(var(--s)/-5) calc(var(--s)/-5);background-size:var(--s) var(--s)}html[data-pattern=rhombus-rectangles]{--s:170px;--c1:#3b8686;--c2:#cff09e;--_c:#0000 75%,var(--c1) 0;--_g1:conic-gradient(at 20.71% 50%,var(--_c));--_g2:conic-gradient(at 50% 20.71%,var(--_c));background:var(--_g1) calc(var(--s)/ 6.828) calc(var(--s)/2),var(--_g1) calc(var(--s)/-2.828) 0, conic-gradient(from 45deg at 29.29% 29.29%,var(--_c)) calc(var(--s)/-6.828) 0, var(--_g2) calc(var(--s)/2) calc(var(--s)/-2.828),var(--_g2) 0 calc(var(--s)/ 6.828), conic-gradient(from -135deg at 29.29% 70.71%,var(--_c)) calc(var(--s)/-6.828) 0, var(--c2);background-size:var(--s) var(--s), var(--s) var(--s), calc(var(--s)/2) calc(var(--s)/2)}html[data-pattern=rhombus-squares]{--s:90px;--c1:#c2cbce;--c2:#ce1836;--g:#0000 calc(125%/3),var(--c1) 0 calc(175%/3),#0000 0;--p:0 0/calc(2*var(--s)) calc(2*var(--s));background:conic-gradient(#0000 75%,var(--c1) 0) calc(3*var(--s)/4) calc(3*var(--s)/4)/var(--s) var(--s), linear-gradient(45deg,var(--g)) var(--p), linear-gradient(-45deg,var(--g)) var(--p) var(--c2)}html[data-pattern=rhombus-stripes]{--s:64px;--c1:#eb6841;--c2:#edc951;background:conic-gradient(from -45deg,var(--c1) 90deg,#0000 0 180deg,var(--c2) 0 270deg,#0000 0) 0 calc(var(--s)/2)/var(--s) var(--s), conic-gradient(from 135deg at 50% 0,var(--c1) 90deg,var(--c2) 0) 0 0/calc(2*var(--s)) var(--s)}html[data-pattern=right-triangles]{--s:70px;--c1:#f67280;--c2:#355c7d;--_g:,#0000 75%,var(--c1) 0;background:linear-gradient(-45deg var(--_g)), linear-gradient(45deg var(--_g)) 0 calc(var(--s)/2) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=rotated-squares]{--s:150px;--c1:#046d8b;--c2:#2fb8ac;--_g:#0000 90deg,var(--c1) 0;background:conic-gradient(from 116.56deg at calc(100%/3) 0 ,var(--_g)), conic-gradient(from -63.44deg at calc(200%/3) 100%,var(--_g)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=semi-circles]{--s:50px;--c1:#cff09e;--c2:#0b486b;--_g:radial-gradient(var(--c2) 49%,#0000 50%);background:var(--_g) calc(var(--s)/-2) calc(var(--s)/2), repeating-conic-gradient(from 45deg,var(--c1) 0 25%,#0000 0 50%) calc(var(--s)/2) calc(var(--s)/2), var(--_g),var(--_g) var(--s) var(--s) var(--c1);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=shuriken]{--s:30px;--c1:#88c425;--c2:#1b676b;--c:var(--c1) 25%,#0000 0;--_s:/calc(6*var(--s)) calc(6*var(--s));--g1:var(--_s) conic-gradient(from 45deg at calc(250%/3),var(--c));--g2:var(--_s) conic-gradient(from 135deg at 50% calc(250%/3),var(--c));--g3:var(--_s) conic-gradient(from 225deg at calc(50%/3) ,var(--c));--g4:var(--_s) conic-gradient(from -45deg at 50% calc(50%/3) ,var(--c));background:calc(2*var(--s)) calc(5*var(--s)) var(--g4), calc(5*var(--s)) calc(2*var(--s)) var(--g4), 0 calc(4*var(--s)) var(--g3), calc(3*var(--s)) var(--s) var(--g3), calc(2*var(--s)) calc(3*var(--s)) var(--g2), calc(5*var(--s)) 0 var(--g2), var(--s) var(--s) var(--g1), calc(4*var(--s)) calc(4*var(--s)) var(--g1), conic-gradient(at calc(100%/3) calc(200%/3),var(--c)) 0 0/calc(3*var(--s)) calc(3*var(--s)) var(--c2)}html[data-pattern=spheres]{--s:90px;--c1:#dad8a7;--c2:#ff3d7f;--c3:#34dfd2;--_s:0 0/var(--s) var(--s);background:radial-gradient(#0000 50%,#0002 54%,var(--c1) 57%) var(--_s), radial-gradient(circle at 40% 30%,#0000 4%,#000 90%) var(--_s), repeating-conic-gradient(var(--c2) 0 25%,var(--c3) 0 50%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=squares]{--s:50px;--c1:#0b2e59;--c2:#0d6759;background:conic-gradient(at 25% 25%,#0000 75%,var(--c1) 0) var(--s) var(--s), repeating-conic-gradient(at 25% 25%,var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=squares-2]{--s:100px;--c1:#955e3e;--c2:#f1d4af;--_g:var(--c1) 17.67%,#0000 0 82.33%,var(--c1) 0;background:linear-gradient(45deg,var(--_g)), linear-gradient(-45deg,var(--_g)), conic-gradient(var(--c2) 75%,var(--c1) 0) calc(var(--s)/4) calc(var(--s)/4);background-size:var(--s) var(--s)}html[data-pattern=squares-rhombus]{--s:104px;--c1:#73626e;--c2:#add8e6;background:conic-gradient(var(--c2) 25%,#0000 0 50%,var(--c1) 0 75%,#0000 0) calc(var(--s)/4) calc(var(--s)/4), repeating-conic-gradient(from 45deg,var(--c1) 0 25%,var(--c2) 0 50%);background-size:var(--s) var(--s)}html[data-pattern=stairs]{--s:50px;--c1:#f86466;--c2:#000;--c3:#fff;--_g:conic-gradient(at 50% 25%,#0000 75%,var(--c1) 0);background:var(--_g),var(--_g) var(--s) var(--s), var(--_g) calc(2*var(--s)) calc(2*var(--s)), var(--_g) calc(3*var(--s)) calc(3*var(--s)), repeating-linear-gradient(135deg,var(--c2) 0 12.5%,var(--c3) 0 25%);background-size:calc(4*var(--s)) calc(4*var(--s))}html[data-pattern=stars]{--s:90px;--c1:#fff220;--c2:#e181c2;--d:calc(var(--s)/10);--_g:var(--c1) 36deg, #0000 0;background:conic-gradient(from 162deg at calc(var(--s) * .5) calc(var(--s) * .68), var(--_g)), conic-gradient(from 18deg at calc(var(--s) * .19) calc(var(--s) * .59), var(--_g)), conic-gradient(from 306deg at calc(var(--s) * .81) calc(var(--s) * .59), var(--_g)), var(--c2);background-position:0 calc(var(--s) * .35);background-size:calc(var(--s) + var(--d)) calc(var(--s) + var(--d))}html[data-pattern=striped-circles]{--s:76px;--c1:#1a144a;--c2:#2eb044;--_g:conic-gradient(var(--c1) 25%,#0000 0) 0 0;background:var(--_g)/calc(2*var(--s)) calc(var(--s)/9.5), var(--_g)/calc(var(--s)/9.5) calc(2*var(--s)), repeating-conic-gradient(#0000 0 25%,var(--c1) 0 50%) var(--s) 0 /calc(2*var(--s)) calc(2*var(--s)), radial-gradient(50% 50%,var(--c2) 98%,var(--c1)) 0 0/var(--s) var(--s)}html[data-pattern=tetris]{--s:100px;--c1:#ffd500;--c2:#0341ae;background:conic-gradient(at 50% 25%,var(--c2) 25%,#0000 0) calc(var(--s)/-4) calc(var(--s)/-2), conic-gradient(at 25% 25%,var(--c1) 25%,#0000 0 75%,var(--c2) 0) calc(var(--s)/4) calc(var(--s)/-4), conic-gradient(from -90deg at 75% 25%,var(--c2) 75%,var(--c1) 0);background-size:var(--s) var(--s)}html[data-pattern=thick-wavy]{--s:50px;--c1:#d9ceb2;--c2:#948c75;--_g:calc(2*var(--s)) calc(2*var(--s)) radial-gradient(25% 25%,var(--c1) 99%,#0000 101%);background:0 var(--s)/var(--_g),var(--s) 0/var(--_g), radial-gradient(50% 50%,var(--c2) 97%,#0000) calc(var(--s)/2) calc(var(--s)/2)/var(--s) var(--s), linear-gradient(90deg,var(--c1) 50%,var(--c2) 0) 0 0/calc(2*var(--s))}html[data-pattern=three-braided-lines]{--s:30px;--c1:#5e9fa3;--c2:#b05574;--c3:#b39c82;--c4:#dcd1b4;background:conic-gradient(at 50% calc(100%/6),var(--c1) 60deg,#0000 0), conic-gradient(at calc(100%/6) 50%,#0000 240deg,var(--c1) 0), conic-gradient(from 180deg at calc(100%/6) calc(500%/6),var(--c1) 60deg,#0000 0), conic-gradient(from 180deg at calc(500%/6),#0000 240deg,var(--c1) 0) calc(4*.866*var(--s)) 0, repeating-linear-gradient(-150deg,var(--c2) 0 calc(100%/6),#0000 0 50%), repeating-linear-gradient(-30deg, var(--c3) 0 calc(100%/6),var(--c4) 0 50%);background-size:calc(6*.866*var(--s)) calc(3*var(--s))}html[data-pattern=tiny-squares]{--s:30px;--c1:#8c2318;--c2:#f2c45a;background:conic-gradient(at 60% 60%,var(--c1) 75%,#0000 0) 0 0/calc(5*var(--s)/2) calc(5*var(--s)/2), repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/calc(5*var(--s)) calc(5*var(--s)), repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%) 0 0/var(--s) var(--s)}html[data-pattern=trapezoids]{--s:133px;--c1:#67917a;--c2:#b8af03;--c:var(--c1) 0 60deg,#0000 0 50%;background:repeating-conic-gradient(from -15deg,var(--c)) calc(var(--s)/2) calc(var(--s)/2), repeating-conic-gradient(from 15deg,var(--c)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=triangle-tiles]{--s:100px;--c1:#f2e9e1;--c2:#99b2b7;background:repeating-conic-gradient(var(--c1) 0 45deg,var(--c2) 0 90deg) 0/var(--s) var(--s)}html[data-pattern=triangles]{--s:76px;--c1:#f6d86b;--c2:#f10c49;background:conic-gradient(var(--c2) atan(2), var(--c1) 0 calc(180deg - atan(2)), var(--c2) 0 180deg,var(--c1) 0 calc(180deg + atan(2)), var(--c2) 0 calc(360deg - atan(2)),var(--c1) 0);background-size:calc(2*var(--s)) var(--s)}html[data-pattern=triangles-chevrons]{--s:64px;--c1:#e0e4cc;--c2:#69d2e7;--_g:90deg,#0000 0;background:conic-gradient(from 135deg,var(--c1) var(--_g)) var(--s) calc(var(--s)/2), conic-gradient(from 135deg,var(--c2) var(--_g)), conic-gradient(from 135deg at 50% 0,var(--c1) var(--_g)) var(--c2);background-size:calc(2*var(--s)) var(--s)}html[data-pattern=triangles-grid]{--s:200px;--c1:#dc9d37;--c2:#fed450;--c3:#125c65;--c4:#bc4a33;--c5:#fff;--_g:var(--c1) 25%,var(--c2) 0 50%,#0000 0;--_l1:var(--c5) 0 1px,#0000 0 calc(25% - 1px),var(--c5) 0 25%;--_l2:var(--c5) 0 1px,#0000 0 calc(50% - 1px),var(--c5) 0 50%;background:repeating-linear-gradient(45deg,var(--_l1)), repeating-linear-gradient(-45deg,var(--_l1)), repeating-linear-gradient(0deg,var(--_l2)), repeating-linear-gradient(90deg,var(--_l2)), conic-gradient(from 135deg at 25% 75%,var(--_g)), conic-gradient(from 225deg at 25% 25%,var(--_g)), conic-gradient(from 45deg at 75% 75%,var(--_g)), conic-gradient(from -45deg at 75% 25%,var(--_g)), repeating-conic-gradient(var(--c3) 0 45deg,var(--c4) 0 90deg);background-size:var(--s) var(--s)}html[data-pattern=triangles-mosaic]{--s:70px;--c1:#655643;--c2:#80bca3;--g:,var(--c1) 25%,var(--c2) 0 50%,#0000 0;background:repeating-conic-gradient(var(--c1) 0 30deg,#0000 0 150deg,var(--c2) 0 50%) calc(1.5*var(--s)) calc(.865*var(--s)), conic-gradient(from 30deg at 75% 75%var(--g)), conic-gradient(from -30deg at 75% 25%var(--g)), conic-gradient(from 150deg at 25% 75%var(--g)), conic-gradient(from 210deg at 25% 25%var(--g)), repeating-conic-gradient(var(--c1) 0 30deg,var(--c2) 0 60deg);background-size:calc(3*var(--s)) calc(1.73*var(--s))}html[data-pattern=triangles-outline]{--s:112px;--c1:#c7f464;--c2:#8a9b0f;background:conic-gradient(from 45deg at 70%,var(--c2) 25%,#0000 0) calc(5*var(--s)/8) var(--s), conic-gradient(from 45deg at 40%,var(--c1) 25%,#0000 0) calc(3*var(--s)/4) var(--s), conic-gradient(from -45deg at 30%,#0000 75%,var(--c2) 0) calc(var(--s)/8) 0, conic-gradient(from -45deg at 60%,var(--c2) 75%,var(--c1) 0);background-size:var(--s) calc(2*var(--s))}html[data-pattern=triangles-squares]{--s:160px;--c1:#e08e79;--c2:#f1d4af;--c3:#955e3e;background:conic-gradient(from 15deg at 86.6%, var(--c3) 25%,var(--c2) 0 150deg,#0000 0), conic-gradient(from -75deg at 50% 13.39%, var(--c1) 60deg,var(--c3) 0 150deg, var(--c2) 0 210deg,#0000 0), conic-gradient(from 15deg at 36.6% 63.4%, var(--c1) 60deg,var(--c3) 0 150deg, var(--c1) 0 210deg,var(--c2) 0 75%,var(--c3) 0);background-size:var(--s) var(--s)}html[data-pattern=triangles-trapezoids]{--s:76px;--c1:#f77825;--c2:#60b99a;--c3:#f1efa5;--c4:#554236;background:conic-gradient(from 150deg,var(--c1) 60deg,#0000 0 180deg, var(--c2) 0 240deg,#0000 0) var(--s) 0, conic-gradient(from -30deg,var(--c1) 60deg,var(--c3) 0 120deg,var(--c4) 0 180deg, var(--c2) 0 240deg,var(--c3) 0 300deg,var(--c4) 0);background-size:calc(2*var(--s)) var(--s)}html[data-pattern=two-braided-lines]{--s:20px;--c1:#c02942;--c2:#53777a;--c3:#ecd078;--g:var(--s);background:conic-gradient(at var(--s) calc(100% - var(--s)),#0000 270deg,var(--c1) 0) calc(var(--s) + var(--g)) 0, linear-gradient(var(--c2) var(--s),#0000 0) 0 var(--g), conic-gradient(at var(--s) calc(100% - var(--s)),#0000 90deg,var(--c2) 0 180deg, var(--c1) 0), var(--c3);background-size:calc(2*(var(--s) + var(--g))) calc(2*(var(--s) + var(--g)))}html[data-pattern=two-color-brick]{--s:50px;--c1:#c0b299;--c2:#a4a9aa;--c3:#2c2e2a;--p:at 45% 40%,#0000 75%,;--g1:conic-gradient(var(--p) var(--c1) 0);--g2:conic-gradient(var(--p) var(--c2) 0);background:var(--g1),var(--g2) calc(2*var(--s)) 0, var(--g2) calc(3*var(--s)) var(--s), var(--g1) var(--s) var(--s) var(--c3);background-size:calc(4*var(--s)) calc(2*var(--s))}html[data-pattern=two-color-circles]{--s:100px;--c1:#5a3d31;--c2:#e5edb8;background:radial-gradient(#0000 50%,var(--c1) 52% 55%,var(--c2) 57%) 0 0/var(--s) var(--s), repeating-linear-gradient(45deg,var(--c1) 0 25%,var(--c2) 0 50%) 0 0/calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=two-color-diagonal-arrows]{--s:85px;--c1:#339194;--c2:#f6d86b;--g1:conic-gradient(from 45deg at 62.5% 12.5%,#0000 75%,var(--c1) 0);--g2:conic-gradient(from -45deg at 12.5% 12.5%,#0000 75%,var(--c1) 0);--g3:conic-gradient(from 225deg at 87.5% 87.5%,#0000 75%,var(--c2) 0);--g4:conic-gradient(from 135deg at 87.5% 37.5%,#0000 75%,var(--c2) 0);background:var(--g4),var(--g4) var(--s) var(--s), var(--g3),var(--g3) var(--s) var(--s), var(--g2),var(--g2) var(--s) var(--s), var(--g1),var(--g1) var(--s) var(--s), repeating-linear-gradient(135deg,var(--c2) 0 12.5%,var(--c1) 0 25%);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=two-color-hexagons]{--s:76px;--c1:#ff9f6a;--c2:#1f5e79;background:conic-gradient(from 30deg at 80%, var(--c1) 60deg,var(--c2) 0 120deg,#0000 0), conic-gradient(from -30deg, var(--c2) 120deg,var(--c1) 0 240deg, var(--c2) 0 300deg,var(--c1) 0);background-size:calc(3*var(--s)/2) var(--s)}html[data-pattern=two-color-nested-squares]{--s:121px;--c1:#dfba69;--c2:#5a2e2e;--c:var(--c1) 12.5%,var(--c2) 0 25%,#0000 0;background:conic-gradient(at 80% 20%,var(--c)) calc(2*var(--s)/-5) calc(2*var(--s)/5), conic-gradient(from 180deg at 60% 40%,var(--c)) calc(var(--s)/5) calc(var(--s)/-5), conic-gradient(at 0% 100%,var(--c));background-size:var(--s) var(--s)}html[data-pattern=two-color-wavy]{--s:150px;--c1:#eaff87;--c2:#ff714b;--l:var(--c1) 99%,#0000 101%;--p:var(--c2) 99%,#0000 101%;--r:closest-corner at;background:radial-gradient(var(--r)-25% 25%,var(--p)), radial-gradient(var(--r)25% -25%,var(--p)), radial-gradient(var(--r)125% 75%,var(--p)), radial-gradient(var(--r)75% 125%,var(--p)), radial-gradient(var(--r)75% 75%,var(--l)), radial-gradient(var(--r)25% 25%,var(--l)) var(--c2);background-size:var(--s) var(--s)}html[data-pattern=wave-circles]{--s:160px;--c1:#a14016;--c2:#cfc89a;--_g:var(--s) var(--s) radial-gradient(var(--c1) 17%,var(--c2) 18% 35%,#0000 36.5%);background:calc(var(--s)/-4) calc(var(--s)/-4)/var(--_g), calc(var(--s)/ 4) calc(var(--s)/ 4)/var(--_g), radial-gradient(var(--c2) 34%,var(--c1) 36% 68%,#0000 70%) 0 0/calc(var(--s)/2) calc(var(--s)/2), repeating-linear-gradient(45deg,var(--c1) -12.5% 12.5%,var(--c2) 0 37.5%) 0 0/var(--s) var(--s)}html[data-pattern=waves]{--s:30px;--c1:#e5fcc2;--c2:#45ada8;--_s:37.5% 12.5% at 62.5%;--_g:34% 99%,#0000 101%;--g1:radial-gradient(var(--_s) 100%,#0000 32%,var(--c1) var(--_g));--g2:radial-gradient(var(--_s) 0 ,#0000 32%,var(--c1) var(--_g));--g3:radial-gradient(var(--_s) 100%,#0000 32%,var(--c2) var(--_g));--g4:radial-gradient(var(--_s) 0 ,#0000 32%,var(--c2) var(--_g));background:var(--g1), var(--g2) 0 calc(3*var(--s)), var(--g3) var(--s) calc(3*var(--s)), var(--g4) var(--s) calc(6*var(--s)), var(--g1) calc(2*var(--s)) calc(6*var(--s)), var(--g2) calc(2*var(--s)) calc(9*var(--s)), var(--g3) calc(3*var(--s)) calc(9*var(--s)), var(--g4) calc(3*var(--s)) 0, repeating-linear-gradient(var(--c1) 0 25%,var(--c2) 0 50%);background-size:calc(4*var(--s)) calc(12*var(--s))}html[data-pattern=wavy-3d]{--s:100px;--c1:#e1f5c4;--c2:#3b8183;--_g:#0000, #0004 5%, var(--c2) 6% 14%,var(--c1) 16% 24%,var(--c2) 26% 34%,var(--c1) 36% 44%, var(--c2) 46% 54%,var(--c1) 56% 64%,var(--c2) 66% 74%,var(--c1) 76% 84%, var(--c2) 86% 94%,#0004 95%,#0000;background:radial-gradient(100% 50% at 100% 0 ,var(--_g)), radial-gradient(100% 50% at 0 50% ,var(--_g)), radial-gradient(100% 50% at 100% 100%,var(--_g));background-size:var(--s) calc(2*var(--s))}html[data-pattern=wavy-checkerboard]{--s:104px;--c1:#403b33;--c2:#94c7b6;--g1:/calc(2*var(--s)) calc(2*var(--s)) radial-gradient(at 100% 0,var(--c2) 17.5%,#0000 18%);--g2:/calc(2*var(--s)) calc(2*var(--s)) radial-gradient(at 0 100%,var(--c2) 17.5%,#0000 18%);--_s:0 calc(var(--s)/2)/var(--s) var(--s);background:calc(var(--s)/ 2) var(--s) var(--g1), calc(var(--s)/-2) 0 var(--g1), calc(var(--s)/-2) var(--s) var(--g2), calc(var(--s)/ 2) 0 var(--g2), radial-gradient(at 100% 0,var(--c1) 35%,#0000 35.5%) var(--_s), radial-gradient(at 0 100%,var(--c1) 35%,#0000 35.5%) var(--_s), repeating-conic-gradient(from 45deg,var(--c1) 0 25%,var(--c2) 0 50%) 0 0/var(--s) var(--s)}html[data-pattern=wavy-lines]{--s:140px;--c1:#ab3e5b;--c2:#ffbe40;--c3:#accec0;--c4:#61a6ab;--_g:#0000 25%,#0008 47%,var(--c1) 53% 147%,var(--c2) 153% 247%, var(--c1) 253% 347%,var(--c2) 353% 447%,var(--c1) 453% 547%,#0008 553%,#0000 575%;--_s:calc(25%/3) calc(25%/4) at 50%;background:radial-gradient(var(--_s) 100%,var(--_g)), radial-gradient(var(--_s) 100%,var(--_g)) calc(var(--s)/2) calc(3*var(--s)/4), radial-gradient(var(--_s) 0 ,var(--_g)) calc(var(--s)/2) 0, radial-gradient(var(--_s) 0 ,var(--_g)) 0 calc(3*var(--s)/4), repeating-linear-gradient(90deg,var(--c3) calc(25%/-6) calc(25%/6),var(--c4) 0 calc(25%/2));background-size:var(--s) calc(3*var(--s)/2)}html[data-pattern=wavy-lines-circles]{--s:40px;--c1:#73c8a9;--c2:#dee1b6;--c3:#bd5532;--c4:#373b44;--c:,#0000 39%,var(--c1) 40% 93%,#0000 94%;--_s:calc(1.5*var(--s))/calc(4*var(--s)) calc(3*var(--s));background:radial-gradient(calc(1.5*var(--s)) at 37.5% 0%var(--c)) calc(-.5*var(--s)) var(--_s), radial-gradient(calc(1.5*var(--s)) at 37.5% 100%var(--c)) calc(1.5*var(--s)) var(--_s), radial-gradient(25% calc(50%/3),#0000 96%,var(--c2)) 0 0/calc(2*var(--s)) calc(3*var(--s)), repeating-conic-gradient(var(--c3) 0 25%,var(--c4) 0 50%) 0 0/calc(4*var(--s)) calc(6*var(--s))}html[data-pattern=z-shape]{--s:106px;--c1:#eafde6;--c2:#519548;background:conic-gradient(from 30deg at 87.5% 75%,var(--c1) 60deg,var(--c2) 0 120deg,#0000 0) 0 calc(.2165*var(--s)), conic-gradient(from -90deg at 50% 25%,var(--c2) 60deg,var(--c1) 0 180deg,#0000 0), conic-gradient(from 90deg at 50% 75%,var(--c2) 120deg,var(--c1) 0 180deg,#0000 0), conic-gradient(from -30deg at 87.5% 50%,var(--c2) 120deg,var(--c1) 0 240deg,#0000 0), conic-gradient(from 90deg at 37.5% 50%,var(--c2) 120deg,var(--c1) 0 180deg,var(--c2) 0 240deg,var(--c1) 0);background-size:var(--s) calc(.866*var(--s))}html[data-pattern=zig-zag]{--s:100px;--c1:#eceddc;--c2:#29ab87;--_g:var(--c1) 90deg,#0000 90.5deg;background:conic-gradient(from -45deg,var(--_g)), conic-gradient(from 135deg,var(--_g)) calc(var(--s)/2) 0, var(--c2);background-size:var(--s) var(--s)}html[data-pattern=zig-zag-3d]{--s:90px;--c1:#78c0a8;--c2:#add8e6;--g:from 45deg at 50% 35%,#0000 75%,;--_s:var(--s) calc(2*var(--s));background:conic-gradient(var(--g)var(--c2) 0) calc(var(--s)/2) var(--s)/var(--_s), conic-gradient(var(--g)var(--c1) 0) calc(var(--s)/2) 0/var(--_s), conic-gradient(#0004 135deg,#0000 0 225deg,#0009 0) 0 0/var(--s) var(--s), linear-gradient(var(--c1) 50%,var(--c2) 0) 0 var(--s)/var(--_s)}html[data-pattern=zig-zag-diagonal]{--s:50px;--c1:#292522;--c2:#efd9b4;--c:#0000 75%,var(--c1) 0;--g1:conic-gradient(at 75% 25%,var(--c));--g2:conic-gradient(at 25% 75%,var(--c));background:var(--g1),var(--g1) var(--s) var(--s), var(--g2),var(--g2) var(--s) var(--s) var(--c2);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=zig-zag-pixel]{--s:60px;--c1:#1c2130;--c2:#d14334;background:repeating-conic-gradient(var(--c1) 0 25%,#0000 0 50%) 0 0/calc(3*var(--s)) calc(2*var(--s)), repeating-conic-gradient(var(--c2) 0 25%,var(--c1) 0 50%) 0 0/var(--s) var(--s)}html[data-pattern=zig-zag-rectangles]{--s:100px;--c1:#fdf1cc;--c2:#987f69;--g:var(--c1) 3.125%,var(--c2) 0 9.375%, var(--c1) 0 15.625%,var(--c2) 0 21.875%, var(--c1) 0 28.125%,#0000 0;background:linear-gradient(225deg,#0000 3.125%,var(--c2) 0 9.375%, #0000 0 78.125%,var(--c2) 0 84.375%,#0000 0) 0 calc(var(--s)/2), linear-gradient(45deg,var(--g)) 0 var(--s), linear-gradient(45deg,var(--g)) calc(var(--s)/-2) calc(var(--s)/-2), linear-gradient(225deg,var(--g)) var(--s) 0, linear-gradient(225deg,var(--g)) calc(var(--s)/2) var(--s), repeating-linear-gradient(-45deg,var(--c1) -3.125% 3.125%,var(--c2) 0 9.375%);background-size:calc(2*var(--s)) calc(2*var(--s))}html[data-pattern=zig-zag-stripes]{--s:120px;--c1:#403b33;--c2:#e3ad40;--g:,var(--c1) 25%,#0000 0;background:conic-gradient(from 45deg at 75% 75%var(--g)), conic-gradient(from 135deg at 25% 75%var(--g)), conic-gradient(from -45deg at 75% 25%var(--g)), conic-gradient(from 225deg at 25% 25%var(--g)), repeating-conic-gradient(from -45deg,var(--c1) 0 45deg,var(--c2) 0 50%);background-size:var(--s) var(--s)}