JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box"></div>

CSS

.box {
  --c: rgba(84, 110, 122, 0.25) /* color */;
  --t: 1px /* thickness */;
  --g: 1%; /* gap */;
  --d: 5px /* control the dashes */;
           
  background:
    linear-gradient(90deg,var(--c) var(--t),#0000 0) calc(2*var(--g))/calc(4*var(--g)) 100%,
    conic-gradient(at var(--t) 50%,#0000 75%,var(--c) 0) 0/var(--g) var(--d);
                  
  background-clip: padding-box;
  min-height: 100vh;
  border: solid #0000;
  border-width: 0 var(--g);
}


body {
  margin:0;
  background: linear-gradient(pink,lightblue)
}