@charset "utf-8";

.wp-tag-switch { position: relative; display: inline-block; vertical-align: middle; width: auto; height: auto; padding: 0.2em; border-radius: 1.25em; box-shadow: rgba(0, 0, 0, 0.05) 0px -1px inset, rgba(0, 0, 0, 0.05) 0px 1px 1px inset; cursor: pointer; background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(255, 255, 255, 0.3) 1.5em); }

.wp-tag-switch-input { display: none !important; }

.wp-tag-switch-label { position: relative; display: block; height: 2em; font-size: 60%; text-transform: uppercase; background: rgb(236, 238, 239); border-radius: inherit; box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 2px inset, rgba(0, 0, 0, 0.15) 0px 0px 2px inset; transition: opacity 0.15s ease-out, background; }

.wp-tag-switch-label::after, .wp-tag-switch-label::before { line-height: 0; clear: both; transition: inherit; white-space: nowrap; display: inline-block; }

.wp-tag-switch-label::before { content: attr(data-off); right: 1em; color: rgb(170, 170, 170); text-shadow: rgba(255, 255, 255, 0.5) 0px 1px; float: right; margin-top: 1em; margin-right: 1em; margin-left: 2.5em; }

.wp-tag-switch-label::after { content: attr(data-on); left: 1em; color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px; opacity: 0; float: left; margin-top: 0px; margin-left: 1em; margin-right: 2.5em; }

.wp-tag-switch-input:checked ~ .wp-tag-switch-label { background: rgb(71, 168, 216); box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 2px inset, rgba(0, 0, 0, 0.2) 0px 0px 3px inset; }

.wp-tag-switch-input:checked ~ .wp-tag-switch-label::before { opacity: 0; }

.wp-tag-switch-input:checked ~ .wp-tag-switch-label::after { opacity: 1; }

.wp-tag-switch-handle { position: absolute; top: 0.24em; left: 0.24em; width: 1.125em; height: 1.125em; background: linear-gradient(rgb(255, 255, 255) 40%, rgb(240, 240, 240)) rgb(255, 255, 255); border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 5px; transition: left 0.15s ease-out, margin-left; }

.wp-tag-switch-handle::before { content: ""; position: absolute; top: 0px; left: 0px; margin: 0.1875em 0px 0px 0.1875em; width: 0.75em; height: 0.75em; background: linear-gradient(rgb(238, 238, 238), rgb(255, 255, 255)) rgb(249, 249, 249); border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.02) 0px 1px inset; }

.wp-tag-switch-input:checked ~ .wp-tag-switch-handle { left: 100%; margin-left: -1.365em; box-shadow: rgba(0, 0, 0, 0.2) -1px 1px 5px; }

.wp-tag-switch-input:disabled ~ .wp-tag-switch-handle { background-image: linear-gradient(silver 40%, grey); }

.wp-tag-switch-input:disabled ~ .wp-tag-switch-handle::before { background: rgb(176, 176, 176); }

.wp-tag-switch-input:disabled ~ .wp-tag-switch-label { background: silver; }

.wp-tag-switch-input:disabled ~ .wp-tag-switch-label::before { color: rgb(238, 238, 238); }

.wp-tag-switch-off-gray > .wp-tag-switch-label { background: rgb(236, 238, 239); }

.wp-tag-switch-off-gray > .wp-tag-switch-label::before { color: rgb(170, 170, 170); text-shadow: rgba(255, 255, 255, 0.5) 0px 1px; }

.wp-tag-switch-off-grey > .wp-tag-switch-label { background: rgb(236, 238, 239); }

.wp-tag-switch-off-grey > .wp-tag-switch-label::before { color: rgb(170, 170, 170); text-shadow: rgba(255, 255, 255, 0.5) 0px 1px; }

.wp-tag-switch-off-red > .wp-tag-switch-label { background: rgb(237, 33, 33); }

.wp-tag-switch-off-red > .wp-tag-switch-label::before { color: rgb(255, 255, 255); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px; }

.wp-tag-switch-on-green > .wp-tag-switch-input:checked ~ .wp-tag-switch-label { background: rgb(79, 184, 69); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px; }

.wp-tag-switch-on-blue > .wp-tag-switch-input:checked ~ .wp-tag-switch-label { background: rgb(71, 168, 216); text-shadow: rgba(0, 0, 0, 0.2) 0px 1px; }