.ticket-separator{--_ticket-separator-line-thickness:var( --ticket-separator-line-thickness,3px );--_ticket-separator-line-length:var(--ticket-separator-line-length,15px);--_ticket-separator-line-gap:var(--ticket-separator-line-gap,15px);--_ticket-separator-circle-radius:var( --ticket-separator-circle-radius,40px );-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-position:0,0,0,top 50% left 50%;mask-position:0,0,0,top 50% left 50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ticket-separator[data-direction=y]{-webkit-mask-image:linear-gradient(#000),radial-gradient(circle at top,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),radial-gradient(circle at bottom,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),repeating-linear-gradient(#000 0,#000 var(--_ticket-separator-line-length),transparent var(--_ticket-separator-line-length),transparent calc(var(--_ticket-separator-line-length) + var(--_ticket-separator-line-gap)));mask-image:linear-gradient(#000),radial-gradient(circle at top,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),radial-gradient(circle at bottom,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),repeating-linear-gradient(#000 0,#000 var(--_ticket-separator-line-length),transparent var(--_ticket-separator-line-length),transparent calc(var(--_ticket-separator-line-length) + var(--_ticket-separator-line-gap)));-webkit-mask-size:100%,100%,100%,var(--_ticket-separator-line-thickness) calc(100% - var(--_ticket-separator-circle-radius)*2);mask-size:100%,100%,100%,var(--_ticket-separator-line-thickness) calc(100% - var(--_ticket-separator-circle-radius)*2)}.ticket-separator[data-direction=x]{-webkit-mask-image:linear-gradient(#000),radial-gradient(circle at left,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),radial-gradient(circle at right,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),repeating-linear-gradient(90deg,#000 0,#000 var(--_ticket-separator-line-length),transparent var(--_ticket-separator-line-length),transparent calc(var(--_ticket-separator-line-length) + var(--_ticket-separator-line-gap)));mask-image:linear-gradient(#000),radial-gradient(circle at left,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),radial-gradient(circle at right,transparent var(--_ticket-separator-circle-radius),#000 var(--_ticket-separator-circle-radius)),repeating-linear-gradient(90deg,#000 0,#000 var(--_ticket-separator-line-length),transparent var(--_ticket-separator-line-length),transparent calc(var(--_ticket-separator-line-length) + var(--_ticket-separator-line-gap)));-webkit-mask-size:100%,100%,100%,calc(100% - var(--_ticket-separator-circle-radius)*2) var(--_ticket-separator-line-thickness);mask-size:100%,100%,100%,calc(100% - var(--_ticket-separator-circle-radius)*2) var(--_ticket-separator-line-thickness)}