.dblinebox {position: relative;background-size: 7%;background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg style='transform: rotate%28-90deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg style='transform: rotate%2890deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg style='transform: rotate%28180deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E")
      ;
   background-position: top left,top right,bottom right,bottom left;
}
.db2linebox {position: relative;background-size: 7%;background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg style='transform: rotate%28-90deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg style='transform: rotate%2890deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M0 10H100M10 20H100M80 0V90M90 0V100' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E");
   background-position: top left,bottom right;
}
.sglinebox {position: relative;background-size: 7%;background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg style='transform: rotate%28-90deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg style='transform: rotate%2890deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
      url("data:image/svg+xml,%3Csvg style='transform: rotate%28180deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E")
      ;
   background-position: top left,top right,bottom right,bottom left;
}         
.sg2linebox {position: relative;background-size: 7%;background-repeat: no-repeat;
   background-image: url("data:image/svg+xml,%3Csvg style='transform: rotate%28-90deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E"),
       url("data:image/svg+xml,%3Csvg style='transform: rotate%2890deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23acf' stroke-width='2'/%3E%3C/svg%3E");
   background-position: top left,bottom right;
}