.sgd{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sgd__line{opacity:.55;transition:opacity .18s ease-out;position:absolute}.sgd--vertical .sgd__line{background:linear-gradient(180deg, transparent 0%, var(--sgd-active-1,#297eff) 18%, var(--sgd-active-2,#2f74ff) 50%, var(--sgd-active-3,#3b82f6) 82%, transparent 100%);width:1px;height:100%}.sgd--horizontal .sgd__line{background:linear-gradient(90deg, transparent 0%, var(--sgd-active-1,#297eff) 18%, var(--sgd-active-2,#2f74ff) 50%, var(--sgd-active-3,#3b82f6) 82%, transparent 100%);width:100%;height:1px}.sgd[data-active=true] .sgd__line{opacity:1}