/*
 * PatternLock library — geometry-only, scoped subset.
 *
 * The original library CSS shipped with global side effects (`ul { width: 276px }`,
 * `body { background: ... }`, etc.) that would wreck the host page. This file keeps
 * ONLY the rules needed for the library's positioning math (dot circles + connection
 * lines), wrapped under .mhn-lock so nothing leaks out.
 *
 * Visual styling (colors, sizes) lives in lock.css / admin.css.
 */

.mhn-lock .patt-holder {
	-ms-touch-action: none;
	touch-action: none;
	position: relative;
}
.mhn-lock .patt-wrap {
	position: relative;
	cursor: pointer;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.mhn-lock .patt-wrap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mhn-lock .patt-circ {
	position: relative;
	float: left;
	box-sizing: border-box;
	border: 1px solid transparent;
	transition: border-color 200ms, background 200ms;
}
.mhn-lock .patt-dots,
.mhn-lock .patt-lines {
	border-radius: 5px;
	height: 10px;
	position: absolute;
}
.mhn-lock .patt-dots {
	background: #FFF;
	width: 10px;
	top: 50%;
	left: 50%;
	margin-top: -5px;
	margin-left: -5px;
}
.mhn-lock .patt-lines {
	background: rgba(255, 255, 255, 0.7);
	transform-origin: 5px 5px;
	-webkit-transform-origin: 5px 5px;
	-ms-transform-origin: 5px 5px;
}
.mhn-lock .patt-hidden .patt-lines { display: none; }
.mhn-lock .patt-hidden .patt-circ.hovered { border: 0; }