.px2-btn.pseudo-class-focus,
.px2-btn.pseudo-class-hover {
  text-decoration: none;
  font-weight: normal;
  color: #666;
  background-color: #f3f3f3;
}

.px2-btn.pseudo-class-focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.px2-btn.pseudo-class-hover {
  background-color: #f0f0f0;
}

.px2-btn.pseudo-class-active {
  background-color: #333;
  background-color: var(--px2-text-color, #333);
  color: #f9f9f9;
  color: var(--px2-background-color, #f9f9f9);
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.3);
  transform: translateY(1px);
}

.px2-btn.px2-btn--primary.pseudo-class-focus,
.px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #d9f1fb;
}

.px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #ccecfa;
}

.px2-btn.px2-btn--primary.pseudo-class-active {
  background-color: #00a0e6;
  color: #fff;
}

.px2-btn.px2-btn--secondary.pseudo-class-focus,
.px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #f3f3f3;
}

.px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #f0f0f0;
}

.px2-btn.px2-btn--secondary.pseudo-class-active {
  background-color: #333;
  background-color: var(--px2-text-color, #333);
  color: #f9f9f9;
  color: var(--px2-background-color, #f9f9f9);
}

.px2-btn.px2-btn--danger.pseudo-class-focus,
.px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fce9e7;
}

.px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fae1df;
}

.px2-btn.px2-btn--danger.pseudo-class-active {
  background-color: #e86a60;
  color: #fff;
}

.px2-btn.px2-btn--download.pseudo-class-focus,
.px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #e4f9e4;
}

.px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #dbf7db;
}

.px2-btn.px2-btn--download.pseudo-class-active {
  background-color: #4ad64d;
  color: #fff;
}

.px2-btn[disabled].pseudo-class-focus,
.px2-btn[disabled].pseudo-class-hover,
.px2-btn[disabled].pseudo-class-active {
  border-color: #ddd;
  background-color: rgba(153, 153, 153, 0.05);
  color: #ddd;
  cursor: default;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  transform: none;
}

.px2-btn--toggle-on[disabled].pseudo-class-focus,
.px2-btn--toggle-on[disabled].pseudo-class-hover,
.px2-btn--toggle-on[disabled].pseudo-class-active {
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.15);
  transform: translateY(1px);
}

.px2-modal__close button.pseudo-class-hover {
  border: 1px solid #666;
  background-color: #f9f9f9;
}

.px2-modal__close button.pseudo-class-hover::before,
.px2-modal__close button.pseudo-class-hover::after {
  border-bottom: 1px solid #666;
}

.px2-header a.pseudo-class-hover {
  color: #000;
  text-decoration: none;
}

.px2-header__id a.pseudo-class-hover {
  color: #000;
  text-decoration: none;
}

.px2-header__global-menu ul li a.pseudo-class-hover,
.px2-header__global-menu ul li span.pseudo-class-hover {
  color: #00a0e6;
  color: var(--px2-main-color, #00a0e6);
}

.px2-header__global-menu ul li.px2-header__global-menu-group ul li a.pseudo-class-hover {
  background-color: #666;
  color: #fff;
}

.px2-header__shoulder-menu > ul li.pseudo-class-last-child {
  border: none;
}

.px2-header__shoulder-menu > ul li a.pseudo-class-hover {
  background-color: #444;
  color: #fff;
}

.px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.pseudo-class-hover {
  background-color: #666;
  color: #fff;
}

.px2-header__shoulder-menu > ul > li.pseudo-class-last-child {
  margin-bottom: 30px;
}

input[type=text].px2-input.pseudo-class-focus,
input[type=password].px2-input.pseudo-class-focus,
input[type=number].px2-input.pseudo-class-focus,
input[type=search].px2-input.pseudo-class-focus,
input[type=tel].px2-input.pseudo-class-focus,
input[type=url].px2-input.pseudo-class-focus,
input[type=email].px2-input.pseudo-class-focus,
input[type=datetime].px2-input.pseudo-class-focus,
input[type=date].px2-input.pseudo-class-focus,
input[type=month].px2-input.pseudo-class-focus,
input[type=week].px2-input.pseudo-class-focus,
input[type=time].px2-input.pseudo-class-focus,
input[type=color].px2-input.pseudo-class-focus,
input[type=file].px2-input.pseudo-class-focus,
input[type=datetime-local].px2-input.pseudo-class-focus,
textarea.px2-input.pseudo-class-focus,
select.px2-input.pseudo-class-focus {
  color: #333;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input[type=text].px2-input[readonly].pseudo-class-focus,
input[type=password].px2-input[readonly].pseudo-class-focus,
input[type=number].px2-input[readonly].pseudo-class-focus,
input[type=search].px2-input[readonly].pseudo-class-focus,
input[type=tel].px2-input[readonly].pseudo-class-focus,
input[type=url].px2-input[readonly].pseudo-class-focus,
input[type=email].px2-input[readonly].pseudo-class-focus,
input[type=datetime].px2-input[readonly].pseudo-class-focus,
input[type=date].px2-input[readonly].pseudo-class-focus,
input[type=month].px2-input[readonly].pseudo-class-focus,
input[type=week].px2-input[readonly].pseudo-class-focus,
input[type=time].px2-input[readonly].pseudo-class-focus,
input[type=color].px2-input[readonly].pseudo-class-focus,
input[type=file].px2-input[readonly].pseudo-class-focus,
input[type=datetime-local].px2-input[readonly].pseudo-class-focus,
textarea.px2-input[readonly].pseudo-class-focus,
select.px2-input[readonly].pseudo-class-focus {
  border-color: #ced4da;
  box-shadow: none;
}

.px2-input-group > .pseudo-class-first-child,
.px2-input-group > input.pseudo-class-first-child.px2-input,
.px2-input-group > select.pseudo-class-first-child.px2-input,
.px2-input-group > textarea.pseudo-class-first-child.px2-input,
.px2-input-group > .pseudo-class-first-child.px2-btn {
  border-radius: .25rem 0 0 .25rem / .25rem 0 0 .25rem;
}

.px2-input-group > .pseudo-class-last-child,
.px2-input-group > input.pseudo-class-last-child.px2-input,
.px2-input-group > select.pseudo-class-last-child.px2-input,
.px2-input-group > textarea.pseudo-class-last-child.px2-input,
.px2-input-group > .pseudo-class-last-child.px2-btn {
  border-right-width: 1px;
  border-radius: 0 .25rem .25rem 0 / 0 .25rem .25rem 0;
}

.px2-darkmode .px2-header a.pseudo-class-hover {
  color: #fff;
}

.px2-darkmode .px2-header__id a.pseudo-class-hover {
  color: #fff;
}

.px2-darkmode .px2-header__shoulder-menu > ul li a.pseudo-class-hover {
  background-color: #444;
  color: #eee;
}

.px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.pseudo-class-hover {
  background-color: #444;
  color: #eee;
}

.px2-darkmode .px2-btn.pseudo-class-focus,
.px2-darkmode .px2-btn.pseudo-class-hover {
  color: #eee;
  background-color: #222;
}

.px2-darkmode .px2-btn.pseudo-class-focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 230, 255, 0.25);
}

.px2-darkmode .px2-btn.pseudo-class-hover {
  background-color: #292929;
}

.px2-darkmode .px2-btn.pseudo-class-active {
  background-color: #ccc;
  color: #242424;
  box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.3);
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #ccecfa;
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #f5fbfe;
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-active {
  background-color: #00a0e6;
  color: #fff;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-hover {
  color: #eee;
  background-color: #222;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #292929;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-active {
  background-color: #ccc;
  color: #242424;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fce9e7;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fae1df;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-active {
  background-color: #e86a60;
  color: #fff;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #e4f9e4;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #dbf7db;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-active {
  background-color: #4ad64d;
  color: #fff;
}

.px2-darkmode .px2-btn[disabled].pseudo-class-focus,
.px2-darkmode .px2-btn[disabled].pseudo-class-hover,
.px2-darkmode .px2-btn[disabled].pseudo-class-active {
  border-color: #444;
  background-color: rgba(153, 153, 153, 0.05);
  color: #444;
  box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1);
}

.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-focus,
.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-hover,
.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-active {
  box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.15);
}

.px2-darkmode .px2-modal__close button.pseudo-class-hover {
  border: 1px solid #ccc;
  background-color: #000;
}

.px2-darkmode .px2-modal__close button.pseudo-class-hover::before,
.px2-darkmode .px2-modal__close button.pseudo-class-hover::after {
  border-bottom: 1px solid #ccc;
}

.px2-darkmode input[type=text].px2-input.pseudo-class-focus,
.px2-darkmode input[type=password].px2-input.pseudo-class-focus,
.px2-darkmode input[type=number].px2-input.pseudo-class-focus,
.px2-darkmode input[type=search].px2-input.pseudo-class-focus,
.px2-darkmode input[type=tel].px2-input.pseudo-class-focus,
.px2-darkmode input[type=url].px2-input.pseudo-class-focus,
.px2-darkmode input[type=email].px2-input.pseudo-class-focus,
.px2-darkmode input[type=datetime].px2-input.pseudo-class-focus,
.px2-darkmode input[type=date].px2-input.pseudo-class-focus,
.px2-darkmode input[type=month].px2-input.pseudo-class-focus,
.px2-darkmode input[type=week].px2-input.pseudo-class-focus,
.px2-darkmode input[type=time].px2-input.pseudo-class-focus,
.px2-darkmode input[type=color].px2-input.pseudo-class-focus,
.px2-darkmode input[type=file].px2-input.pseudo-class-focus,
.px2-darkmode input[type=datetime-local].px2-input.pseudo-class-focus,
.px2-darkmode textarea.px2-input.pseudo-class-focus,
.px2-darkmode select.px2-input.pseudo-class-focus {
  color: #f3f3f3;
  background-color: #000;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.px2-darkmode input[type=text].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=password].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=number].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=search].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=tel].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=url].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=email].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=datetime].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=date].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=month].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=week].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=time].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=color].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=file].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=datetime-local].px2-input[readonly].pseudo-class-focus,
.px2-darkmode textarea.px2-input[readonly].pseudo-class-focus,
.px2-darkmode select.px2-input[readonly].pseudo-class-focus {
  border-color: #555;
  box-shadow: none;
}.px2-btn.pseudo-class-focus,
.px2-btn.pseudo-class-hover {
  text-decoration: none;
  font-weight: normal;
  color: #666;
  background-color: #f3f3f3;
}

.px2-btn.pseudo-class-focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.px2-btn.pseudo-class-hover {
  background-color: #f0f0f0;
}

.px2-btn.pseudo-class-active {
  background-color: #333;
  background-color: var(--px2-text-color, #333);
  color: #f9f9f9;
  color: var(--px2-background-color, #f9f9f9);
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.3);
  transform: translateY(1px);
}

.px2-btn.px2-btn--primary.pseudo-class-focus,
.px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #d9f1fb;
}

.px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #ccecfa;
}

.px2-btn.px2-btn--primary.pseudo-class-active {
  background-color: #00a0e6;
  color: #fff;
}

.px2-btn.px2-btn--secondary.pseudo-class-focus,
.px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #f3f3f3;
}

.px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #f0f0f0;
}

.px2-btn.px2-btn--secondary.pseudo-class-active {
  background-color: #333;
  background-color: var(--px2-text-color, #333);
  color: #f9f9f9;
  color: var(--px2-background-color, #f9f9f9);
}

.px2-btn.px2-btn--danger.pseudo-class-focus,
.px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fce9e7;
}

.px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fae1df;
}

.px2-btn.px2-btn--danger.pseudo-class-active {
  background-color: #e86a60;
  color: #fff;
}

.px2-btn.px2-btn--download.pseudo-class-focus,
.px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #e4f9e4;
}

.px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #dbf7db;
}

.px2-btn.px2-btn--download.pseudo-class-active {
  background-color: #4ad64d;
  color: #fff;
}

.px2-btn[disabled].pseudo-class-focus,
.px2-btn[disabled].pseudo-class-hover,
.px2-btn[disabled].pseudo-class-active {
  border-color: #ddd;
  background-color: rgba(153, 153, 153, 0.05);
  color: #ddd;
  cursor: default;
  box-shadow: 0 2px 0px rgba(0, 0, 0, 0.1);
  transform: none;
}

.px2-btn--toggle-on[disabled].pseudo-class-focus,
.px2-btn--toggle-on[disabled].pseudo-class-hover,
.px2-btn--toggle-on[disabled].pseudo-class-active {
  box-shadow: inset 0 3px 15px rgba(0, 0, 0, 0.15);
  transform: translateY(1px);
}

.px2-modal__close button.pseudo-class-hover {
  border: 1px solid #666;
  background-color: #f9f9f9;
}

.px2-modal__close button.pseudo-class-hover::before,
.px2-modal__close button.pseudo-class-hover::after {
  border-bottom: 1px solid #666;
}

.px2-header a.pseudo-class-hover {
  color: #000;
  text-decoration: none;
}

.px2-header__id a.pseudo-class-hover {
  color: #000;
  text-decoration: none;
}

.px2-header__global-menu ul li a.pseudo-class-hover,
.px2-header__global-menu ul li span.pseudo-class-hover {
  color: #00a0e6;
  color: var(--px2-main-color, #00a0e6);
}

.px2-header__global-menu ul li.px2-header__global-menu-group ul li a.pseudo-class-hover {
  background-color: #666;
  color: #fff;
}

.px2-header__shoulder-menu > ul li.pseudo-class-last-child {
  border: none;
}

.px2-header__shoulder-menu > ul li a.pseudo-class-hover {
  background-color: #444;
  color: #fff;
}

.px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.pseudo-class-hover {
  background-color: #666;
  color: #fff;
}

.px2-header__shoulder-menu > ul > li.pseudo-class-last-child {
  margin-bottom: 30px;
}

input[type=text].px2-input.pseudo-class-focus,
input[type=password].px2-input.pseudo-class-focus,
input[type=number].px2-input.pseudo-class-focus,
input[type=search].px2-input.pseudo-class-focus,
input[type=tel].px2-input.pseudo-class-focus,
input[type=url].px2-input.pseudo-class-focus,
input[type=email].px2-input.pseudo-class-focus,
input[type=datetime].px2-input.pseudo-class-focus,
input[type=date].px2-input.pseudo-class-focus,
input[type=month].px2-input.pseudo-class-focus,
input[type=week].px2-input.pseudo-class-focus,
input[type=time].px2-input.pseudo-class-focus,
input[type=color].px2-input.pseudo-class-focus,
input[type=file].px2-input.pseudo-class-focus,
input[type=datetime-local].px2-input.pseudo-class-focus,
textarea.px2-input.pseudo-class-focus,
select.px2-input.pseudo-class-focus {
  color: #333;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

input[type=text].px2-input[readonly].pseudo-class-focus,
input[type=password].px2-input[readonly].pseudo-class-focus,
input[type=number].px2-input[readonly].pseudo-class-focus,
input[type=search].px2-input[readonly].pseudo-class-focus,
input[type=tel].px2-input[readonly].pseudo-class-focus,
input[type=url].px2-input[readonly].pseudo-class-focus,
input[type=email].px2-input[readonly].pseudo-class-focus,
input[type=datetime].px2-input[readonly].pseudo-class-focus,
input[type=date].px2-input[readonly].pseudo-class-focus,
input[type=month].px2-input[readonly].pseudo-class-focus,
input[type=week].px2-input[readonly].pseudo-class-focus,
input[type=time].px2-input[readonly].pseudo-class-focus,
input[type=color].px2-input[readonly].pseudo-class-focus,
input[type=file].px2-input[readonly].pseudo-class-focus,
input[type=datetime-local].px2-input[readonly].pseudo-class-focus,
textarea.px2-input[readonly].pseudo-class-focus,
select.px2-input[readonly].pseudo-class-focus {
  border-color: #ced4da;
  box-shadow: none;
}

.px2-input-group > .pseudo-class-first-child,
.px2-input-group > input.pseudo-class-first-child.px2-input,
.px2-input-group > select.pseudo-class-first-child.px2-input,
.px2-input-group > textarea.pseudo-class-first-child.px2-input,
.px2-input-group > .pseudo-class-first-child.px2-btn {
  border-radius: .25rem 0 0 .25rem / .25rem 0 0 .25rem;
}

.px2-input-group > .pseudo-class-last-child,
.px2-input-group > input.pseudo-class-last-child.px2-input,
.px2-input-group > select.pseudo-class-last-child.px2-input,
.px2-input-group > textarea.pseudo-class-last-child.px2-input,
.px2-input-group > .pseudo-class-last-child.px2-btn {
  border-right-width: 1px;
  border-radius: 0 .25rem .25rem 0 / 0 .25rem .25rem 0;
}

.px2-darkmode .px2-header a.pseudo-class-hover {
  color: #fff;
}

.px2-darkmode .px2-header__id a.pseudo-class-hover {
  color: #fff;
}

.px2-darkmode .px2-header__shoulder-menu > ul li a.pseudo-class-hover {
  background-color: #444;
  color: #eee;
}

.px2-darkmode .px2-header__shoulder-menu > ul li.px2-header__shoulder-menu-group ul li a.pseudo-class-hover {
  background-color: #444;
  color: #eee;
}

.px2-darkmode .px2-btn.pseudo-class-focus,
.px2-darkmode .px2-btn.pseudo-class-hover {
  color: #eee;
  background-color: #222;
}

.px2-darkmode .px2-btn.pseudo-class-focus {
  box-shadow: 0 0 0 0.2rem rgba(123, 230, 255, 0.25);
}

.px2-darkmode .px2-btn.pseudo-class-hover {
  background-color: #292929;
}

.px2-darkmode .px2-btn.pseudo-class-active {
  background-color: #ccc;
  color: #242424;
  box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.3);
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #ccecfa;
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-hover {
  background-color: #f5fbfe;
}

.px2-darkmode .px2-btn.px2-btn--primary.pseudo-class-active {
  background-color: #00a0e6;
  color: #fff;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-hover {
  color: #eee;
  background-color: #222;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-hover {
  background-color: #292929;
}

.px2-darkmode .px2-btn.px2-btn--secondary.pseudo-class-active {
  background-color: #ccc;
  color: #242424;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fce9e7;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-hover {
  background-color: #fae1df;
}

.px2-darkmode .px2-btn.px2-btn--danger.pseudo-class-active {
  background-color: #e86a60;
  color: #fff;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-focus,
.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #e4f9e4;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-hover {
  background-color: #dbf7db;
}

.px2-darkmode .px2-btn.px2-btn--download.pseudo-class-active {
  background-color: #4ad64d;
  color: #fff;
}

.px2-darkmode .px2-btn[disabled].pseudo-class-focus,
.px2-darkmode .px2-btn[disabled].pseudo-class-hover,
.px2-darkmode .px2-btn[disabled].pseudo-class-active {
  border-color: #444;
  background-color: rgba(153, 153, 153, 0.05);
  color: #444;
  box-shadow: 0 2px 0px rgba(255, 255, 255, 0.1);
}

.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-focus,
.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-hover,
.px2-darkmode .px2-btn--toggle-on[disabled].pseudo-class-active {
  box-shadow: inset 0 3px 15px rgba(255, 255, 255, 0.15);
}

.px2-darkmode .px2-modal__close button.pseudo-class-hover {
  border: 1px solid #ccc;
  background-color: #000;
}

.px2-darkmode .px2-modal__close button.pseudo-class-hover::before,
.px2-darkmode .px2-modal__close button.pseudo-class-hover::after {
  border-bottom: 1px solid #ccc;
}

.px2-darkmode input[type=text].px2-input.pseudo-class-focus,
.px2-darkmode input[type=password].px2-input.pseudo-class-focus,
.px2-darkmode input[type=number].px2-input.pseudo-class-focus,
.px2-darkmode input[type=search].px2-input.pseudo-class-focus,
.px2-darkmode input[type=tel].px2-input.pseudo-class-focus,
.px2-darkmode input[type=url].px2-input.pseudo-class-focus,
.px2-darkmode input[type=email].px2-input.pseudo-class-focus,
.px2-darkmode input[type=datetime].px2-input.pseudo-class-focus,
.px2-darkmode input[type=date].px2-input.pseudo-class-focus,
.px2-darkmode input[type=month].px2-input.pseudo-class-focus,
.px2-darkmode input[type=week].px2-input.pseudo-class-focus,
.px2-darkmode input[type=time].px2-input.pseudo-class-focus,
.px2-darkmode input[type=color].px2-input.pseudo-class-focus,
.px2-darkmode input[type=file].px2-input.pseudo-class-focus,
.px2-darkmode input[type=datetime-local].px2-input.pseudo-class-focus,
.px2-darkmode textarea.px2-input.pseudo-class-focus,
.px2-darkmode select.px2-input.pseudo-class-focus {
  color: #f3f3f3;
  background-color: #000;
  border-color: #80bdff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.px2-darkmode input[type=text].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=password].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=number].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=search].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=tel].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=url].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=email].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=datetime].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=date].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=month].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=week].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=time].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=color].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=file].px2-input[readonly].pseudo-class-focus,
.px2-darkmode input[type=datetime-local].px2-input[readonly].pseudo-class-focus,
.px2-darkmode textarea.px2-input[readonly].pseudo-class-focus,
.px2-darkmode select.px2-input[readonly].pseudo-class-focus {
  border-color: #555;
  box-shadow: none;
}