.cmp-bracket{--cmp-line: rgba(23, 23, 23, .16);display:flex;align-items:stretch}.dark .cmp-bracket{--cmp-line: rgba(250, 250, 250, .18)}.cmp-bracket-round{display:flex;flex-direction:column;min-width:16rem}.cmp-bracket-body{display:flex;flex:1;flex-direction:column;justify-content:space-around}.cmp-bracket-pair{position:relative;display:flex;flex:1;flex-direction:column;justify-content:space-around;padding-inline-end:1.25rem}.cmp-bracket-slot{position:relative;padding-block:.4rem;padding-inline-start:1.25rem}.cmp-bracket-slot:after{content:"";position:absolute;top:50%;inset-inline-end:-1.25rem;width:1.25rem;border-top:2px solid var(--cmp-line)}.cmp-bracket-pair:after{content:"";position:absolute;inset-inline-end:0;top:25%;bottom:25%;border-inline-end:2px solid var(--cmp-line)}.cmp-bracket-slot[data-first=false]:before{content:"";position:absolute;top:50%;inset-inline-start:0;width:1.25rem;border-top:2px solid var(--cmp-line)}.cmp-bracket-pair[data-single=true]:after,.cmp-bracket-round[data-last=true] .cmp-bracket-slot:after,.cmp-bracket-round[data-last=true] .cmp-bracket-pair:after{display:none}.cmp-bracket-round[data-first=true] .cmp-bracket-slot{padding-inline-start:.25rem}