.loop-badge{--bw:3px;--gap:12px;--g-top:40px;--g-bot:40px;position:relative}.loop-badge:before{content:"";border:var(--bw) solid var(--ink);pointer-events:none;--m:linear-gradient(#000 0 0);-webkit-mask:var(--m) left top / calc(100% - var(--g-top) - var(--gap)) 50% no-repeat, var(--m) right top / var(--g-top) 50% no-repeat, var(--m) left bottom / var(--g-bot) 50% no-repeat, var(--m) right bottom / calc(100% - var(--g-bot) - var(--gap)) 50% no-repeat;mask:var(--m) left top / calc(100% - var(--g-top) - var(--gap)) 50% no-repeat, var(--m) right top / var(--g-top) 50% no-repeat, var(--m) left bottom / var(--g-bot) 50% no-repeat, var(--m) right bottom / calc(100% - var(--g-bot) - var(--gap)) 50% no-repeat;border-radius:14px;position:absolute;inset:0}.loop-badge .ar{border:0 solid var(--ink);width:11px;height:11px;position:absolute;transform:rotate(45deg)}.loop-badge .ar-r{top:calc(var(--bw) / 2 - 5.5px);right:calc(var(--g-top) + var(--gap) + 2.3px);border-top-width:var(--bw);border-right-width:var(--bw)}.loop-badge .ar-l{bottom:calc(var(--bw) / 2 - 5.5px);left:calc(var(--g-bot) + var(--gap) + 2.3px);border-bottom-width:var(--bw);border-left-width:var(--bw)}