update

wp-content/plugins/password-protect-page/includes/customizers/assets/ppw-toggle-control.css

@@ -0,0 +1,107 @@
+.customize-control-toggle .toggle--wrapper {
+	display: -webkit-box;
+	display: -webkit-flex;
+	display: -ms-flexbox;
+	display: flex;
+	flex-direction: row;
+
+	-webkit-box-direction: normal;
+	-webkit-box-orient: horizontal;
+	-webkit-box-pack: start;
+	-webkit-flex-direction: row;
+	-ms-flex-direction: row;
+	-ms-flex-pack: start;
+	-webkit-justify-content: flex-start;
+	justify-content: flex-start;
+	margin-bottom: 10px;
+	align-items: baseline;
+}
+
+.customize-control-toggle .toggle--wrapper .customize-control-title {
+	font-weight: 600;
+	margin-bottom: 0px;
+	vertical-align: middle;
+	-webkit-box-flex: 2;
+	-webkit-flex: 2 0 0;
+	-ms-flex: 2 0 0;
+	flex: 2 0 0;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox] {
+	display: none;
+}
+
+.customize-control-toggle {
+	margin-bottom: 0
+}
+
+.customize-control-toggle .toggle--wrapper label {
+	background-color: #555d66;
+	border-radius: 14px;
+	cursor: pointer;
+	display: inline-block;
+	height: 20px;
+	outline: none;
+	position: relative;
+	right: 0px;
+	top: 2px;
+	-webkit-transition: background 0.2s ease;
+	transition: background 0.2s ease;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	width: 34px;
+}
+
+.customize-control-toggle .toggle--wrapper label::after,
+.customize-control-toggle .toggle--wrapper label::before {
+	content: "";
+	display: block;
+	position: absolute;
+}
+
+.customize-control-toggle .toggle--wrapper label::after {
+	border: 2px solid #555d66;
+	border-radius: 50%;
+	box-sizing: border-box;
+	height: 12px;
+	left: 4px;
+	top: 4px;
+	-webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
+	transition: background 0.2s ease, -webkit-transform 0.2s ease;
+	transition: transform 0.2s ease, background 0.2s ease;
+	transition: transform 0.2s ease, background 0.2s ease, -webkit-transform 0.2s ease;
+	width: 12px;
+}
+
+.customize-control-toggle .toggle--wrapper label::before {
+	background-color: #eee;
+	border-radius: 60px;
+	bottom: 2px;
+	left: 2px;
+	right: 2px;
+	top: 2px;
+	-webkit-transition: background 0.2s ease;
+	transition: background 0.2s ease;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label {
+	background-color: #f78935;
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label::after {
+	background-color: #f78935;
+	border: 2px solid #fff;
+	-webkit-transform: translateX(14px);
+	-ms-transform: translateX(14px);
+	transform: translateX(14px);
+}
+
+.customize-control-toggle .toggle--wrapper input[type=checkbox]:checked + label::before {
+	background-color: #f78935;
+}
+
+.customize-control-toggle:hover .toggle--wrapper label::before {
+	background-color: #fdefe4;
+}