.seam{--seam-tick: 12px;--seam-arm: 7px;position:relative;width:100%;display:flex;align-items:center;min-height:1px;padding-block:30px}.seam__rule{position:absolute;inset-inline:0;top:50%;height:1px;background:var(--seam-line);transform:translateY(-.5px);pointer-events:none}.seam__mark{position:relative;z-index:1;margin-inline:auto;display:inline-flex;align-items:center;gap:9px;padding-inline:14px;background:var(--seam-bg)}.seam__label{font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;color:var(--seam-text)}.seam__tick{position:relative;width:var(--seam-arm);height:var(--seam-tick);flex:none}.seam__tick:before{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--seam-tick-color)}.seam__tick:after{content:"";position:absolute;top:50%;height:1px;width:var(--seam-arm);background:var(--seam-tick-color);transform:translateY(-.5px)}.seam__tick--l:before{left:0}.seam__tick--l:after{left:0}.seam__tick--r:before{right:0}.seam__tick--r:after{right:0}.seam__plate{position:absolute;right:var(--gutter);top:50%;z-index:1;transform:translateY(-50%);padding-left:10px;background:var(--seam-bg);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--seam-text);opacity:.4;pointer-events:none}.seam--dark{--seam-bg: var(--void, var(--c-acai-deep));--seam-line: var(--line-on-dark);--seam-tick-color: rgba(237, 233, 225, .4);--seam-text: var(--on-dark-soft)}.seam--light{--seam-bg: var(--bg);--seam-line: var(--line);--seam-tick-color: rgba(51, 48, 43, .32);--seam-text: var(--text-soft)}@media(max-width:640px){.seam__plate{display:none}}.regmarks{position:relative}.regmarks__mark{position:absolute;width:8px;height:8px;z-index:2;pointer-events:none}.regmarks__mark:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--regmarks-color);transform:translateY(-.5px)}.regmarks__mark:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--regmarks-color);transform:translate(-.5px)}.regmarks__mark--tl{top:-4px;left:-4px}.regmarks__mark--tr{top:-4px;right:-4px}.regmarks__mark--bl{bottom:-4px;left:-4px}.regmarks__mark--br{bottom:-4px;right:-4px}.regmarks--dark{--regmarks-color: rgba(237, 233, 225, .45)}.regmarks--light{--regmarks-color: rgba(51, 48, 43, .35)}