/* Grid Drawing Club generated CSS */

/* Generated Patterns */
/* User Patterns */
.defaultpattern1 {
  background:transparent;
}

.pattern-lDJuF {
  background:var(--color12);
}

.pattern-rw1dj {
  background:linear-gradient(to right, transparent, yellow);
}

.pattern-CgHa7 {
  background:black;
}



/* Generated Borders */
/* User Borders */
.border-1 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjYGBg+A8AAQQBAHAgZQsAAAAASUVORK5CYII=");
  border-image-slice: 1;
  border-image-width: 0;
  border-image-repeat: no-repeat;
}

.border-2 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAAXNSR0IArs4c6QAAACRQTFRFAAAALhIrJCMjJVdA5iQc9VcSt68W9sQ8Gz2xTy6VSrPWr6u6ArFGFgAAAAx0Uk5TAP//////////////CcRQJgAAAEVJREFUCJlNjkEOwEAIAieRsP//caHdbqseNCMoa75kAN3FSsoGW5SkbbhERgmsrfG8mgzjDiHfWskxqOZYb81zNOT3zwWDoAGvEZ4ljwAAAABJRU5ErkJggg==");
  border-image-slice: 4;
  border-image-width: 20px 20%;
  border-image-repeat: repeat;
}

.border-3 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAB0ElEQVRYR2NMq8j7zwAFszomMcLYxIhXZIfClDOE2ZTC2auOdBMU75i6Gq6GVHsZiXEcLkNHHQ0Nd2ICkfH0nbvw5GGqogxPHsSIZzpHk5QkkJPQ9L1L4XpJtXfU0bCgIyZTUhTS5dsmwZPH+0N34FEmaKcCZ+MST9c1JFhK4PLAzMvnCZqPy17GUUdDw46YcpqikIbHEZCBXGLMnjMRLpWako81p5vIW8CTFjEORU4qZx6ewFpSEWMvXCPIVaOOJpBUqBbSuJIKcuGPrObe48Pw5EFMMYechJRkbVFiGWYurkoN2V6sGtGTyqijoUFGUUj//s8Aj2JWRgaCbQ/kaMLFxmUmMXpxJQ9kMxlHHQ0NSpqHNK4om7JoMTzZ5MTF4sywcP3//8PV/0akMgZWROpjYGBkJGgOMfbiNIQYzSgeHnU0JDhwxTDOjHjhwgV4dBsYGGCNEeS0S0zJgKwGuaRCFsdlL1Glx6ijsUQDRSE9WnrAyunRIg8zLYxW47AwoXk1PiQbTLhKD2J6EKM9F2joERNYQ7+7NTqEQK8hhCET0qMDkASSBPJgDUUDkEMypImZW8E1JzI650KgckEO3KE5UUTMvN3o5Cc0GYy4aWYAtDPAZIkQUEsAAAAASUVORK5CYII=");
  border-image-slice: 1 15;
  border-image-width: 20% 5%;
  border-image-repeat: stretch;
}

.border-4 {
  border-style: solid;
  border-image-source: url("data:image/gif;base64,R0lGODdhAwADALMAAAAAAC4SKyQjIyVXQOYkHPVXErevFvbEPBs9sU8ulUqz1q+rugAAAAAAAAAAAAAAACH5BAkKAAAALAAAAAADAAMAAAQFEEhwJogAOw==");
  border-image-slice: 3 0;
  border-image-width: 20% 0%;
  border-image-repeat: round;
}



/* Generated Clippaths */
/* User Clippaths */