.app-lanyard{width:100%;position:relative}.app-lanyard__stage{transform-origin:top;perspective:1100px;transition:opacity .22s;position:absolute;top:0;left:50%;translate:-50%}.app-lanyard__stage[data-state=waiting]{opacity:0;pointer-events:none}.app-lanyard__rail{background:var(--lanyard-clip-bg);height:10px;box-shadow:inset 0 0 0 2px var(--lanyard-clip-border);border-radius:9999px;position:absolute;top:-5px}.app-lanyard__straps{fill:none;stroke-width:9px;stroke-linejoin:round;position:absolute;inset:0;overflow:visible}.app-lanyard__stop-a{stop-color:var(--lanyard-strap-a)}.app-lanyard__stop-b{stop-color:var(--lanyard-strap-b)}.app-lanyard__badge{transform-origin:50%;backface-visibility:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform;position:absolute;top:0;left:0}.app-lanyard__badge[data-dragging=true]{cursor:grabbing}.app-lanyard__clip{border:2px solid var(--lanyard-clip-border);background:var(--lanyard-clip-bg);border-radius:6px;width:34px;height:22px;position:absolute;top:-30px;left:50%;translate:-50%}