@charset "UTF-8";
/* ========================================
   Dark mode — Colors
   ======================================== */
html.is-dark {
  color-scheme: dark;
  /* ---------- Base surfaces ---------- */
  /* ---------- Header colors ---------- */
  /* ---------- Breadcrumb ---------- */
  /* ---------- Typography ---------- */
  /* ---------- Cards / lists ---------- */
  /* ---------- Article surfaces ---------- */
  /* ---------- Code / SyntaxHighlighter ---------- */
  /* ---------- TOC ---------- */
  /* ---------- Forms / misc ---------- */
  /* ---------- Banner ---------- */
  /* ---------- Footer ---------- */
}
html.is-dark body,
html.is-dark body.post-template-default {
  color: #dbe2eb;
  background: #111827;
}
html.is-dark .l-main,
html.is-dark .content-area,
html.is-dark .site-main {
  color: #dbe2eb;
}
html.is-dark #page__header {
  background-color: #1a2233;
  border-bottom: 1px solid #334155;
}
html.is-dark #page__header .page__header__main,
html.is-dark #page__header .page__header__main__wrapper,
html.is-dark #page__header .page__header__category {
  background-color: #1a2233;
}
html.is-dark #page__header .page__header__main__logo > span {
  color: #94a3b8;
}
html.is-dark #page__header .page__header__category__item a,
html.is-dark #page__header .page__header__category__item__link,
html.is-dark #page__header .page__header__category__list a {
  color: #dbe2eb;
}
html.is-dark #page__header .block__sns .logo_img {
  filter: invert(1);
}
html.is-dark #page__header .page__header__more .block__share h2,
html.is-dark #page__header .page__header__more .block__category h2,
html.is-dark #page__header .page__header__more .block__technics h2 a,
html.is-dark #page__header .page__header__more .block__author h2 a,
html.is-dark #page__header .page__header__more .block__about h2 a {
  color: #dbe2eb;
}
html.is-dark #page__header .page__header__more .block__technics h2 a small,
html.is-dark #page__header .page__header__more .block__author h2 a small,
html.is-dark #page__header .page__header__more .block__about h2 a small {
  color: #94a3b8 !important;
}
html.is-dark #page__header .page__header__more .block__category .page__header__category__item .page__header__category__item__link,
html.is-dark #page__header .page__header__more .block__category .page__header__category__item .page__header__category__item__link:hover {
  color: #dbe2eb;
}
html.is-dark #page__header .page__header__more .block__share .btn__x .icon {
  fill: #f8fafc;
}
html.is-dark body.overMenu #page__header .page__header__main,
html.is-dark body.overMenu #page__header .page__header__category {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.45), 0 1px 0 #334155;
}
html.is-dark .page__header__main__logo__image--light,
html.is-dark .page__header__category__logo__image--light {
  display: none;
}
html.is-dark .page__header__main__logo__image--dark,
html.is-dark .page__header__category__logo__image--dark {
  display: block;
}
html.is-dark .btn_menu-toggle .menu-trigger span {
  background-color: #dbe2eb;
}
html.is-dark .btn_menu-toggle .menu-trigger.active span {
  background-color: #f8fafc;
}
html.is-dark .btn_menu-toggle .menu-trigger .menu-trigger_img {
  filter: invert(1);
}
html.is-dark img[src*=icon-search-black],
html.is-dark img[src*=logo-facebook-black],
html.is-dark img[src*=logo-X-black],
html.is-dark img[src*=logo-twitter-black],
html.is-dark img[src*=logo-youtube-black] {
  filter: invert(1);
}
html.is-dark .breadcrumb {
  color: #94a3b8;
  background-color: #202b3d;
}
html.is-dark .breadcrumb ol li a {
  color: #81c784;
}
html.is-dark .breadcrumb ol li a:hover {
  color: #a0f56b;
}
html.is-dark .breadcrumb ol li:last-child {
  color: #dbe2eb;
}
html.is-dark .breadcrumb ol li:not(:last-child)::after {
  border-top-color: #718096;
  border-right-color: #718096;
}
html.is-dark .post-detail__title,
html.is-dark .title--list,
html.is-dark .title--subcontent,
html.is-dark .title--related,
html.is-dark .card-main__title,
html.is-dark .card-sidebar__title,
html.is-dark .card-related__title,
html.is-dark .page-title,
html.is-dark .search-main__subtext,
html.is-dark .post-list-main__not-found,
html.is-dark .sidebar h2,
html.is-dark .sidebar h3,
html.is-dark .sidebar__content h2,
html.is-dark .sidebar__content h3 {
  color: #f8fafc;
}
html.is-dark .post-content {
  color: #dbe2eb;
}
html.is-dark .post-content h1,
html.is-dark .post-content h2,
html.is-dark .post-content h3,
html.is-dark .post-content h4,
html.is-dark .post-content h5,
html.is-dark .post-content h6 {
  color: #f8fafc;
}
html.is-dark .post-content h2 {
  border-color: #4caf50;
}
html.is-dark .post-content ul li,
html.is-dark .post-content ol li,
html.is-dark .post-content dl dd {
  color: #dbe2eb;
}
html.is-dark .post-content figcaption,
html.is-dark .post-content .wp-caption-text {
  color: #94a3b8;
}
html.is-dark .post-content a {
  color: #81c784;
  -webkit-text-decoration-color: rgba(126, 232, 63, 0.65);
  text-decoration-color: rgba(126, 232, 63, 0.65);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
html.is-dark .post-content a:hover {
  color: #a0f56b;
  -webkit-text-decoration-color: currentColor;
  text-decoration-color: currentColor;
}
html.is-dark .post-content blockquote {
  color: #cbd5e1;
  background-color: #162033;
  border-left: none;
}
html.is-dark .post-content blockquote p {
  color: #cbd5e1;
}
html.is-dark .post-content table,
html.is-dark .post-content th,
html.is-dark .post-content td {
  border-color: #334155;
}
html.is-dark .post-content table thead th {
  color: #f8fafc;
  background: #202b3d;
}
html.is-dark .post-content table tbody td {
  color: #dbe2eb;
  background-color: #1a2233;
}
html.is-dark .post-content code {
  color: #dbe2eb;
  background: #0f172a;
  border: 1px solid #334155;
}
html.is-dark .post-content pre {
  color: #dbe2eb;
  background: #0f172a;
  border: 1px solid #334155;
}
html.is-dark .post-content pre code {
  color: inherit;
  background: transparent;
  border: 0;
}
html.is-dark .post-content .syntaxhighlighter {
  color: #dbe2eb !important;
  background: #0f172a !important;
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
}
html.is-dark .post-detail__name,
html.is-dark .post-detail__date,
html.is-dark .card-main__date,
html.is-dark .card-main__name,
html.is-dark .card-sidebar__date,
html.is-dark .card-related__date,
html.is-dark .card-sidebar__no {
  color: #94a3b8;
}
html.is-dark .card-main__category,
html.is-dark .card-related__category,
html.is-dark .card-sidebar__category,
html.is-dark .hero-carousel__title,
html.is-dark .post-detail__category,
html.is-dark .title__subtitle {
  color: #4caf50;
}
html.is-dark .card-main__category:hover,
html.is-dark .card-related__category:hover {
  color: #66bb6a;
}
html.is-dark hr,
html.is-dark .post-list-sidebar__item {
  border-color: #334155;
}
html.is-dark .post-list-main__button {
  color: #111827;
  background: #4caf50;
  border-color: #4caf50;
}
html.is-dark .post-list-main__button:hover {
  color: #111827;
  background: #66bb6a;
  border-color: #66bb6a;
}
html.is-dark .tag-list__link,
html.is-dark .sidebar__content .tag-list__link {
  color: #dbe2eb;
  background: #202b3d;
  border-color: #334155;
}
html.is-dark .sidebar section,
html.is-dark .sidebar__content {
  color: #dbe2eb;
}
html.is-dark .author-info,
html.is-dark .post-detail__cta,
html.is-dark .post-detail__cta--recruit {
  color: #dbe2eb;
  background: #202b3d;
  border-color: #334155;
}
html.is-dark .author-info__title, html.is-dark .author-info__name {
  color: #f8fafc;
}
html.is-dark .author-info__desc {
  color: #94a3b8;
}
html.is-dark .author-info__link {
  color: #81c784;
}
html.is-dark .author-info__link:hover {
  color: #a0f56b;
}
html.is-dark .author-info__text-head .btn__x .icon {
  fill: #f8fafc;
}
html.is-dark .post-detail__cta {
  border-color: #49c6ce;
}
html.is-dark .post-detail__cta-title {
  color: #5ed4dc;
}
html.is-dark .post-detail__cta-text {
  color: #94a3b8;
}
html.is-dark .post-detail__cta .post-detail__button {
  color: #111827;
  background: #4caf50;
}
html.is-dark .post-detail__cta .post-detail__button:hover {
  color: #111827;
  background: #66bb6a;
  opacity: 1;
}
html.is-dark .post-detail__cta--recruit {
  border-color: #5b9cff;
}
html.is-dark .post-detail__cta--recruit .post-detail__cta-title {
  color: #93c5fd;
}
html.is-dark .post-detail__cta--recruit .post-detail__button {
  color: #fff;
  background: #3d7eff;
}
html.is-dark .post-detail__cta--recruit .post-detail__button:hover {
  background: #5b9cff;
  opacity: 0.9;
}
html.is-dark .post-detail__button {
  color: #111827;
  background: #4caf50;
}
html.is-dark .post-detail__button:hover {
  color: #111827;
  background: #66bb6a;
  opacity: 1;
}
html.is-dark .post-detail__sns-button--x .icon {
  fill: #f8fafc;
}
html.is-dark #icon-x--author-hero path[fill="#000"] {
  fill: #111827;
}
html.is-dark div.syntaxhighlighter {
  color: #dbe2eb !important;
  background: #0f172a !important;
  background-color: #0f172a !important;
  border: 1px solid #334155 !important;
}
html.is-dark div.syntaxhighlighter .line.alt1,
html.is-dark div.syntaxhighlighter .line.alt2 {
  background-color: #0f172a !important;
}
html.is-dark div.syntaxhighlighter .gutter .line {
  color: #718096 !important;
  border-right-color: #334155 !important;
}
html.is-dark div.syntaxhighlighter .plain,
html.is-dark div.syntaxhighlighter .plain a {
  color: #dbe2eb !important;
}
html.is-dark div.syntaxhighlighter .comments,
html.is-dark div.syntaxhighlighter .comments a {
  color: #718096 !important;
}
html.is-dark div.syntaxhighlighter .string,
html.is-dark div.syntaxhighlighter .string a {
  color: #86efac !important;
}
html.is-dark div.syntaxhighlighter .keyword {
  color: #c4b5fd !important;
}
html.is-dark div.syntaxhighlighter .preprocessor {
  color: #f9a8d4 !important;
}
html.is-dark div.syntaxhighlighter .variable {
  color: #93c5fd !important;
}
html.is-dark div.syntaxhighlighter .value {
  color: #fcd34d !important;
}
html.is-dark div.syntaxhighlighter .functions {
  color: #67e8f9 !important;
}
html.is-dark div.syntaxhighlighter .color1,
html.is-dark div.syntaxhighlighter .color1 a {
  color: #fda4af !important;
}
html.is-dark div.syntaxhighlighter .color2,
html.is-dark div.syntaxhighlighter .color2 a {
  color: #a5b4fc !important;
}
html.is-dark div.syntaxhighlighter .color3,
html.is-dark div.syntaxhighlighter .color3 a {
  color: #fdba74 !important;
}
html.is-dark div.syntaxhighlighter .code-copy-button {
  color: #94a3b8;
}
html.is-dark div.syntaxhighlighter .code-copy-button:hover, html.is-dark div.syntaxhighlighter .code-copy-button:focus {
  color: #f8fafc;
  background: rgba(255, 255, 255, 0.08);
}
html.is-dark .toc-block--sidebar,
html.is-dark .sidebar nav.toc-block--sidebar {
  color: #cbd5e1;
  background: #1a2233 !important;
  border-color: #334155 !important;
}
html.is-dark .toc-block,
html.is-dark .toc-sidebar {
  color: #cbd5e1;
}
html.is-dark .toc-block__title,
html.is-dark .toc-block__panel-title {
  color: #f8fafc;
}
html.is-dark .toc-block__reading-time,
html.is-dark .toc-sidebar__reading-time,
html.is-dark .toc-block__panel .toc-sidebar__top {
  color: #94a3b8;
}
html.is-dark .toc-sidebar__link,
html.is-dark .toc-sidebar__item--h2 > .toc-sidebar__link,
html.is-dark .toc-sidebar__item--h3 .toc-sidebar__link {
  color: #cbd5e1;
}
html.is-dark .toc-sidebar__link:hover,
html.is-dark .toc-sidebar__item--h2 > .toc-sidebar__link:hover,
html.is-dark .toc-sidebar__item--h3 .toc-sidebar__link:hover {
  color: #f8fafc;
  background: rgba(76, 175, 80, 0.15);
}
html.is-dark .toc-sidebar__link.is-active,
html.is-dark .toc-sidebar__item--h2 > .toc-sidebar__link.is-active,
html.is-dark .toc-sidebar__item--h3 .toc-sidebar__link.is-active {
  color: #f8fafc;
  background: rgba(76, 175, 80, 0.15);
}
html.is-dark .toc-sidebar__link:hover,
html.is-dark .toc-block__panel .toc-sidebar__top:hover {
  color: #f8fafc;
}
html.is-dark .toc-sidebar__item--h2 > .toc-sidebar__link.is-active .toc-sidebar__dot,
html.is-dark .toc-sidebar__item--h3 .toc-sidebar__link.is-active .toc-sidebar__dot {
  background: #1a2233;
}
html.is-dark .toc-sidebar > .toc-sidebar__list::before {
  background: #4caf50;
}
html.is-dark .toc-sidebar__thumb {
  background: #4caf50;
}
html.is-dark .toc-sidebar__dot {
  background: #1a2233;
  border-color: #4caf50;
}
html.is-dark .toc-sidebar__dot-wrap,
html.is-dark .toc-sidebar > .toc-sidebar__list > .toc-sidebar__item--h2:last-child > .toc-sidebar__list--h3 > .toc-sidebar__item--h3:last-child::after {
  background: #1a2233;
}
html.is-dark .toc-block__toggle {
  color: #cbd5e1;
}
html.is-dark .toc-block__panel {
  color: #cbd5e1;
  background: #1a2233 !important;
  border-color: #334155 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.45);
}
html.is-dark .toc-block__panel::before {
  background: #1a2233 !important;
  border-top-color: #334155 !important;
  border-left-color: #334155 !important;
}
html.is-dark .toc-block__panel .toc-sidebar__dot,
html.is-dark .toc-block__panel .toc-sidebar__dot-wrap {
  background: #1a2233 !important;
}
html.is-dark input,
html.is-dark textarea,
html.is-dark select {
  color: #dbe2eb;
  background-color: #202b3d;
  border-color: #334155;
}
html.is-dark input:-ms-input-placeholder,
html.is-dark textarea:-ms-input-placeholder,
html.is-dark select:-ms-input-placeholder {
  color: #718096;
}
html.is-dark input:-ms-input-placeholder, html.is-dark textarea:-ms-input-placeholder, html.is-dark select:-ms-input-placeholder {
  color: #718096;
}
html.is-dark input::placeholder,
html.is-dark textarea::placeholder,
html.is-dark select::placeholder {
  color: #718096;
}
html.is-dark .author .authors {
  border-top-color: #334155;
  border-left-color: #334155;
}
html.is-dark .author .authors li {
  border-right-color: #334155;
  border-bottom-color: #334155;
}
html.is-dark .author .authors li a {
  color: #dbe2eb;
}
html.is-dark .author .authors li a:hover {
  background-color: #202b3d;
}
html.is-dark .post-content.is-page h1 img {
  filter: invert(1);
}
html.is-dark #search,
html.is-dark .search__wrapper,
html.is-dark .search .content-area .search-text,
html.is-dark .search .content-area .page-title {
  color: #dbe2eb;
}
html.is-dark .banner-back {
  color: #dbe2eb;
  background-color: #202b3d;
}
html.is-dark .banner-close {
  color: #212121;
  background-color: #f8f8f8;
}
html.is-dark .banner-body {
  color: #212121;
}
html.is-dark .banner-body span {
  color: #212121;
}
html.is-dark .banner-icon__text {
  color: #212121;
}
html.is-dark .pagination a,
html.is-dark .pagination span {
  color: #dbe2eb;
  border-color: #334155;
}
html.is-dark .pagination .prev:hover:before,
html.is-dark .pagination .next:hover:before {
  border-color: #111827;
}
html.is-dark .pagination a:hover {
  color: #111827;
  background: #dbe2eb;
  border-color: #dbe2eb;
}
html.is-dark .pagination .current {
  color: #111827;
  background: #4caf50;
  border-color: #4caf50;
}
html.is-dark .banner-sidebar__img {
  overflow: hidden;
  border-radius: 4px;
}
html.is-dark .footer {
  background: #0b1220;
}
html.is-dark .footer-company__button {
  color: #111827;
  background: #4caf50;
}
html.is-dark .footer-company__button:hover {
  background: #66bb6a;
}
/*# sourceMappingURL=maps/dark-mode.css.map */