/**
 * 감정가게 테마 컬러 오버라이드
 * 방구소 공통 CSS(common.css, mypage.css)의 #ffd524(노란색)을 #8379ec(보라색)으로 덮어씀
 */

/* === common.css overrides === */

.btn.yellow {
  background-color: #8379ec;
  border-color: #8379ec;
  color: #fff;
}

.app .game-title {
  background: #8379ec;
  color: #fff;
}

.app.first .game-title {
  background-color: #8379ec;
  color: #fff;
}

.app.mim .game-title {
  background-color: #8379ec;
  color: #fff;
}

#app-down {
  background: #8379ec;
  color: #fff;
}

.rankingBox .myRanking h3::before,
.rankingBox .topRanking h3::before {
  background-color: #8379ec;
}

#emotion-open {
  background: #8379ec;
  color: #fff;
}

/* === mypage.css overrides === */

.test-lists-wrap .rankingBox.mim_ranking .topRanking #list_content.list_content > li:nth-child(1) {
  background-color: #8379ec;
  color: #fff;
}

.toggle-box input[type='radio']:checked + .toggle-label,
.toggle-box input[type='checkbox']:checked + .toggle-label {
  background-color: #8379ec;
}

.login-input:focus {
  border-bottom-color: #8379ec;
}

.radio-block input[type='radio']:checked + .radio-label:after,
.radio-block input[type='checkbox']:checked + .radio-label:after {
  background-color: #8379ec;
  border: 0.125rem solid #8379ec;
}

.activate footer {
  background-color: #8379ec;
  color: #fff;
}

.push-setting-btn > .toggle-box input[type='radio']:checked + .toggle-label,
.push-setting-btn > .toggle-box input[type='checkbox']:checked + .toggle-label {
  background-color: #8379ec;
}