:root,
html {
  --color-brand: #7d4a78 !important;
}
.hodu-theme-btn {
  position: absolute;
  right: 12px;
  top: 50%;
  z-index: 30;
  transform: translateY(-50%);
  width: 36px;
  height: 36px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.65);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.22);
  font-size: 18px;
  line-height: 34px;
  text-align: center;
  cursor: pointer;
  color: #fff;
}
@media (min-width: 1081px) {
  nav[aria-label="메인 메뉴"] > div > .group > a,
  nav[aria-label="메인 메뉴"] > div > div.group > a {
    margin-right: 12px !important;
  }
  nav[aria-label="메인 메뉴"] {
    padding-right: 46px;
  }
}
.hodu-cat-ico {
  display: inline-grid;
  place-items: center;
  width: 22px;
  height: 22px;
  margin-right: 6px;
  border-radius: 6px;
  background: rgba(125, 74, 120, 0.14);
  font-size: 13px;
  line-height: 1;
  flex: 0 0 auto;
}
.hodu-has-ico {
  display: inline-flex !important;
  align-items: center;
}
html[data-hodu-theme="dark"] main,
html[data-hodu-theme="dark"] main p,
html[data-hodu-theme="dark"] main span,
html[data-hodu-theme="dark"] main li,
html[data-hodu-theme="dark"] main a,
html[data-hodu-theme="dark"] main h1,
html[data-hodu-theme="dark"] main h2,
html[data-hodu-theme="dark"] [data-slot="post-body"],
html[data-hodu-theme="dark"] [data-slot="post-body"] * {
  --post-color: #ececec !important;
  color: #ececec !important;
  -webkit-text-fill-color: #ececec !important;
}
html[data-hodu-theme="dark"] main button,
html[data-hodu-theme="dark"] main input,
html[data-hodu-theme="dark"] aside button,
html[data-hodu-theme="dark"] aside input {
  -webkit-text-fill-color: initial;
}
html[data-hodu-theme="dark"] aside .text-gray-678,
html[data-hodu-theme="dark"] aside .text-slate-472,
html[data-hodu-theme="dark"] aside .text-slate-449,
html[data-hodu-theme="dark"] aside .text-brand,
html[data-hodu-theme="dark"] main .text-gray-458,
html[data-hodu-theme="dark"] main .text-gray-678 {
  color: #f4f4f4 !important;
  -webkit-text-fill-color: #f4f4f4 !important;
}
html[data-hodu-theme="dark"] .bg-gray-15,
html[data-hodu-theme="dark"] .bg-gray-15 *,
html[data-hodu-theme="dark"] .bg-gray-25,
html[data-hodu-theme="dark"] .bg-gray-25 *,
html[data-hodu-theme="dark"] .bg-gray-34b,
html[data-hodu-theme="dark"] .bg-gray-34b *,
html[data-hodu-theme="dark"] .bg-gray-28,
html[data-hodu-theme="dark"] .bg-gray-28 * {
  color: #1a1a1a !important;
  -webkit-text-fill-color: #1a1a1a !important;
}
.hodu-join { display: none; }
@media (max-width: 1080px) {
  .hodu-join {
    display: inline-flex;
    align-items: center;
    height: 36px;
    margin-left: 6px;
    padding: 0 8px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.25);
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    text-decoration: none;
  }
}
[data-slot="site-header"] {
  height: 60px !important;
  max-height: 60px !important;
  background: #7d4a78 !important;
}
[data-slot="site-header"] > div {
  height: 60px !important;
  display: flex !important;
  align-items: center !important;
}
[data-slot="site-header"] nav[aria-label="메인 메뉴"],
[data-slot="site-header"] nav[aria-label="메인 메뉴"] > div {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}
[data-slot="site-header"] nav[aria-label="메인 메뉴"] a {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  white-space: nowrap !important;
}
.hodu-swipe,
.hodu-swipe-wrap,
.hodu-swipe-hint {
  display: none !important;
}
html[data-hodu-theme="dark"] body,
html[data-hodu-theme="dark"] [data-slot="layout-body"],
html[data-hodu-theme="dark"] main[data-slot="layout-center"],
html[data-hodu-theme="dark"] aside,
html[data-hodu-theme="dark"] .bg-white {
  background: #121212 !important;
  background-color: #121212 !important;
  color: #ececec !important;
}
html[data-hodu-theme="dark"] [data-slot="post-body"],
html[data-hodu-theme="dark"] [data-slot="post-body"] * {
  --post-color: #ececec !important;
  --post-background-color: #1a1a1a !important;
  color: #ececec !important;
  -webkit-text-fill-color: #ececec !important;
}
html[data-hodu-theme="dark"] [data-slot="post-body"] [class*="background-color"] {
  background: #1a1a1a !important;
  background-color: #1a1a1a !important;
}
#rf_nudge,
#rf_nudge * {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}
#rf_nudge {
  background: #7d4a78 !important;
  background-image: none !important;
}
a.bg-\[linear-gradient\(135deg\,\#3b8fd9\,\#5B6DC8\)\] {
  background: #7d4a78 !important;
  background-image: none !important;
}