/* _content/Lightning.Blog/Components/AdArticle.razor.rz.scp.css */
.ad-article[b-g0chs91qm9] {
    width: 300px;
    height: 100px;
}

@media(min-width: 500px) {
    .ad-article[b-g0chs91qm9] {
        width: 468px;
        height: 60px;
    }
}

@media(min-width: 800px) {
    .ad-article[b-g0chs91qm9] {
        width: 650px;
        height: 90px;
    }
}
/* _content/Lightning.Blog/Components/AdBook.razor.rz.scp.css */
.ad[b-k69s3o26tz] {
    text-align: center;
    background: #437152;
    padding: 1.5rem;
    border-radius: 10px;
    margin: 1.5rem 0 1.5rem 0;
}
/* _content/Lightning.Blog/Components/ArticleBaseLayout.razor.rz.scp.css */
a[b-f5q0sttl7g] {
  color: white;
}

.toc[b-f5q0sttl7g] {
  border: 1px solid #0a9186;
  background: #01182e !important;
  font-weight: bold;
  padding: 40px !important;
  border-radius: 4px;
}

.toc-title[b-f5q0sttl7g] {
  font-size: 120%;
  margin-bottom: 15px !important;
}

.toc-item[b-f5q0sttl7g] {
  margin-left: 1rem;
  cursor: pointer;
  width: fit-content;
}

.toc-item:hover[b-f5q0sttl7g] {
  margin-left: 1rem;
  margin-bottom: -1px;
  border-bottom: 1px white solid;
}

.update-time[b-f5q0sttl7g] {
  text-align: right;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  color: #e3e3e3;
}

.update-icon[b-f5q0sttl7g] {
  display: inline-block;
  background: #eb839f;
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 17.5px;
  text-align: center;
  vertical-align: middle;
  border-radius: 50%;
  color: #fff;
}

.github-container[b-f5q0sttl7g] {
  background-color: #24142f;
  padding: 1em;
  font-size: 1.3em;
  border-radius: 15px;
  margin-top: 0.5em;
  position: relative;
  margin-bottom: 50px;
}

.github-link[b-f5q0sttl7g] {
  padding-left: 4rem;
}

.icon-github[b-f5q0sttl7g] {
  font-size: 45px;
  position: absolute;
  top: 0px;
  left: 26px;
}

.pagination[b-f5q0sttl7g] {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.prev-article-link[b-f5q0sttl7g] {
  background-color: #009984;
  text-decoration: none;
  padding: 0.75rem 1rem 0.75rem 1.75rem;
  border-radius: 2rem 0 0 2rem;
  transition: 0.1s;
}
.prev-article-link:hover[b-f5q0sttl7g] {
  background-color: #016154;
  color: #c2cdd7;
}

.next-article-link[b-f5q0sttl7g] {
  background-color: #009984;
  text-decoration: none;
  padding: 0.75rem 1.75rem 0.75rem 1rem;
  border-radius: 0 2rem 2rem 0;
  margin-left: auto;
  transition: 0.1s;
}
.next-article-link:hover[b-f5q0sttl7g] {
  background-color: #016154;
  color: #c2cdd7;
}
/* _content/Lightning.Blog/Components/AttentionTitle.razor.rz.scp.css */
.attention[b-zf1igzdsan] {
    font-size: 26px;
    line-height: 1.4;
    background: url(../svg/sprite.svg) no-repeat;
    background-size: 302px 900px;
    background-position: 0 -200px;
    border-bottom: 3px #5e16f6 solid;
    padding: 10px 0 8px 25px;
    margin-bottom: 15px;
}
/* _content/Lightning.Blog/Components/BorderTitle.razor.rz.scp.css */
.border-title[b-tlkg91lrvs] {
    border-left: 10px solid #b51f9f;
    border-bottom: 4px solid #5e16f6;
    padding: 0.5rem 1rem;
    margin-top: 0;
    margin-bottom: 1.0rem;
    font-weight: 600;
    line-height: 1.2;
    font-size: 26px;
}
/* _content/Lightning.Blog/Components/Breadcrumb.razor.rz.scp.css */
a[b-lk7prhnzjt] {
  color: white;
}

nav[b-lk7prhnzjt] {
  margin-top: 1.5rem;
  color: white;
}
nav ol[b-lk7prhnzjt] {
  background-color: #ff2770;
}
nav ol .active[b-lk7prhnzjt] {
  color: #FFC0CB;
}
/* _content/Lightning.Blog/Components/Card.razor.rz.scp.css */
.card[b-dld5fftsdn] {
  width: auto;
  height: 100%;
  background: #781b79;
}

.article-link[b-dld5fftsdn] {
  position: absolute;
  bottom: 10px;
  left: 10px;
}
/* _content/Lightning.Blog/Components/CardAd.razor.rz.scp.css */
.card-link[b-rcyca4q0ry] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.hover-shadow[b-rcyca4q0ry] {
    transition: box-shadow 0.3s ease-in-out;
}

    .hover-shadow:hover[b-rcyca4q0ry] {
        box-shadow: 1px 1px 8px 5px #437152;
    }
/* _content/Lightning.Blog/Components/CardHorizontal.razor.rz.scp.css */
.card-link[b-h26z87x3xj] {
    text-decoration: none;
    color: inherit;
    display: block;
}

.hover-shadow[b-h26z87x3xj] {
    transition: box-shadow 0.3s ease-in-out;
}

.hover-shadow:hover[b-h26z87x3xj] {
    box-shadow: 1px 1px 8px 5px #db6eff;
}
/* _content/Lightning.Blog/Components/Carousel.razor.rz.scp.css */
img[b-ry20x9oqt4] {
  filter: brightness(60%);
}
/* _content/Lightning.Blog/Components/CodeBoxEnlighter.razor.rz.scp.css */
label[b-s9qai26256] {
  background-color: #c9107f;
  border-radius: 5px;
  padding: 1px 10px;
  margin-bottom: 0.5em;
  margin-left: 0.25em;
  font-size: 14px;
  width: fit-content;
}

/* Custom scrollbar styles */
.enlighter .linenumbers[b-s9qai26256] {
  overflow-y: scroll;
  scrollbar-width: thin; /* For Mozilla Firefox */
}

/* For Webkit browsers (e.g. Chrome, Safari) */
.enlighter .linenumbers[b-s9qai26256]::-webkit-scrollbar {
  width: 8px;
}

.enlighter .linenumbers[b-s9qai26256]::-webkit-scrollbar-thumb {
  background-color: #888;
}

.enlighter .linenumbers[b-s9qai26256]::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

.enlighter .linenumbers[b-s9qai26256]::-webkit-scrollbar-track {
  background-color: #f2f2f2;
}
/* _content/Lightning.Blog/Components/CodeBoxPrizm.razor.rz.scp.css */
.code-box[b-jjf070r7m6] {
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  overflow: auto;
  color: #f8f8f8;
}

.code-box-head[b-jjf070r7m6] {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(45deg, #fe7c60, #f0b333);
}

.copy-button[b-jjf070r7m6] {
  margin: 0.25rem 0.25rem 0.25rem auto;
  padding: 0.25rem 0.5rem;
  border: none;
  background-color: #272822;
  color: white;
  font-weight: 600;
}
/* _content/Lightning.Blog/Components/IconRowBackGround.razor.rz.scp.css */
@charset "UTF-8";
.modern-background[b-b2htvdx2be] {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  z-index: -1;
  /*height: 100px;
  overflow: hidden;*/
}

section[b-b2htvdx2be] {
  position: relative;
  width: 100%;
  /*height: 100vh;*/ /* vh : ビューポートの高さに対する割合 */
  background: #091432;
  display: flex;
  flex-direction: column; /* flexが指定されている場合の方向指定 */
  overflow: hidden; /* はみ出した部分は隠す */
}
section .icons[b-b2htvdx2be] {
  position: relative;
  top: -1000px;
  left: -10%;
  width: 100%;
  display: flex;
  padding: 10px 0;
  white-space: nowrap;
  transform: rotate(-30deg);
}
section .icons div[b-b2htvdx2be] {
  animation-name: animate1-b-b2htvdx2be; /* アニメーション名 */
  animation-duration: 80s; /* トランジションによるアニメーションが完了するまでの所要時間を秒数またはミリ秒数で指定 */
  animation-timing-function: linear; /* アニメーションのイージング(アニメーションの進行具合 (グラフのやつ) ) */
  animation-iteration-count: infinite; /* アニメーションサイクル */
  animation-delay: -80s; /* アニメーション遅延時間 */
  /* .icons内の2番目の要素 */
}
section .icons div:nth-child(2)[b-b2htvdx2be] {
  animation-name: animate2-b-b2htvdx2be; /* アニメーション名 */
  animation-duration: 80s; /* トランジションによるアニメーションが完了するまでの所要時間を秒数またはミリ秒数で指定 */
  animation-timing-function: linear; /* アニメーションのイージング(アニメーションの進行具合 (グラフのやつ) ) */
  animation-iteration-count: infinite; /* アニメーションサイクル */
  animation-delay: -40s;
}
section .icons:nth-child(even) div[b-b2htvdx2be] {
  animation-name: animate3-b-b2htvdx2be; /* アニメーション名 */
  animation-duration: 80s; /* トランジションによるアニメーションが完了するまでの所要時間を秒数またはミリ秒数で指定 */
  animation-timing-function: linear; /* アニメーションのイージング(アニメーションの進行具合 (グラフのやつ) ) */
  animation-iteration-count: infinite; /* アニメーションサイクル */
  animation-delay: -80s; /* アニメーション遅延時間 */
}
section .icons:nth-child(even) div:nth-child(2)[b-b2htvdx2be] {
  animation-name: animate4-b-b2htvdx2be; /* アニメーション名 */
  animation-duration: 80s; /* トランジションによるアニメーションが完了するまでの所要時間を秒数またはミリ秒数で指定 */
  animation-timing-function: linear; /* アニメーションのイージング(アニメーションの進行具合 (グラフのやつ) ) */
  animation-iteration-count: infinite; /* アニメーションサイクル */
  animation-delay: -40s;
}

svg[b-b2htvdx2be] {
  fill: rgba(0, 0, 0, 0.5);
  transition: 1s;
  padding: 0 5px;
  user-select: none; /* ユーザーがテキストを範囲選択できるかどうか */
  cursor: default;
}
svg:hover[b-b2htvdx2be] {
  transition: 0s;
  fill: #0f0; /* SVGの色を変更する場合は fill を使う */
  filter: drop-shadow(0 0 120px #0f0); /* SVGに影を付与する場合は drop-shadow を使う */
}

@keyframes animate1-b-b2htvdx2be {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translate(-100%);
  }
}
@keyframes animate2-b-b2htvdx2be {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translate(-200%);
  }
}
@keyframes animate3-b-b2htvdx2be {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translate(100%);
  }
}
@keyframes animate4-b-b2htvdx2be {
  0% {
    transform: translateX(-200%);
  }
  100% {
    transform: translate(0%);
  }
}
/* _content/Lightning.Blog/Components/LinearGradientTitle.razor.rz.scp.css */
.linear-gradient-title[b-cjlb3mwupg] {
    font-size: 1.25rem;
    color: whitesmoke;
    position: relative;
}

.linear-gradient-title[b-cjlb3mwupg]::after {
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #8399e7 0%, #8399e7 29.3%, rgb(78 95 155) 29.3%, rgb(78 95 155) 100%);
    bottom: -6px;
    display: block;
    left: 0;
    position: absolute;
    z-index: 0;
}
/* _content/Lightning.Blog/Components/ProfileBox.razor.rz.scp.css */
.profile-box[b-luwj66mht3] {
  background: linear-gradient(45deg, #57a773, #9b8df7);
  padding: 1rem;
  border-radius: 1.5rem;
}

.profile-title[b-luwj66mht3] {
  margin-bottom: 1rem;
  margin-top: 0;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  padding: 0.5rem;
  background-color: #2b4d6c;
}

.profile-description[b-luwj66mht3] {
  padding: 1rem;
  border-radius: 0.5rem;
  background-color: #2b4d6c;
}
/* _content/Lightning.Blog/Components/ScrollToTopButton.razor.rz.scp.css */
.scroll-button[b-8ppd0nl3y3] {
    position: fixed;
    background: rgb(93 95 101);
    border-radius: 50%;
    right: 32px;
    bottom: 32px;
    align-items: center;
    cursor: pointer;
    border: 1px solid #bbbbbb;
    display: flex;
    flex-direction: column;
    width: 52px;
    height: 52px;
    justify-content: center;
    letter-spacing: normal;
    line-height: 1;
    /*opacity: .9;*/
    overflow: hidden;
    text-align: center;
    /*transition: all .25s;*/
}
/* _content/Lightning.Blog/Components/TableOfContents.razor.rz.scp.css */
ul[b-ql19q4jdyg] {
  margin-left: -2rem;
  list-style: none;
}

li[b-ql19q4jdyg] {
  font-size: 18px;
  list-style-position: inside;
  padding: 0 0.5em 0 0.5em;
  width: fit-content;
}
li:hover[b-ql19q4jdyg] {
  font-size: 18px;
  list-style-position: inside;
  background-color: #003e75;
  border-radius: 0.5rem;
  padding: 0 0.5em 0 0.5em;
}

.box[b-ql19q4jdyg] {
  background: #111132;
  border-radius: 8px;
}
/* _content/Lightning.Blog/Components/UnderBarTitle.razor.rz.scp.css */
.underbar-title[b-pkxur2talw] {
  width: fit-content;
  font-size: 23px;
  font-weight: 600;
  margin-bottom: 0.5em;
  padding: 0.2rem;
  background-image: linear-gradient(transparent 59%, #6678ff);
}
/* _content/Lightning.Blog/Pages/ArticlesBlazor/OthersLinks.razor.rz.scp.css */
a[b-umkvgdqq36] {
  font-size: 20px;
  color: white;
}
/* _content/Lightning.Blog/Shared/MainLayout.razor.rz.scp.css */
@charset "UTF-8";
.nav-item a[b-wv3af26bwm] {
  text-decoration: none;
  color: #0048b1;
  padding: 0 4px;
}
.nav-item a:hover[b-wv3af26bwm] {
  background: #0048b1;
  color: white;
  padding: 0 4px;
  border-radius: 0.25rem;
}

main[b-wv3af26bwm] {
  position: relative;
  z-index: 0;
}

header[b-wv3af26bwm] {
  height: 100px;
  background-color: #1d0c25;
  background-image: url(images/Header/logo.webp);
}

li[b-wv3af26bwm] {
  font-size: 20px;
}

.nav-bar-background[b-wv3af26bwm] {
    background: linear-gradient(to right, #1b5da3, #be00cf);
    box-shadow: 10px 5px 5px #121831;
}

.search-result[b-wv3af26bwm] {
  top: 43px;
  display: grid;
  max-height: 350px;
  overflow-y: scroll;
}

.blog-title[b-wv3af26bwm] {
  font-family: "Noto Serif Vithkuqi", serif;
  font-weight: 600;
}

.no-select[b-wv3af26bwm] {
  cursor: default;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.link-box[b-wv3af26bwm] {
  top: 10px;
  right: 12px;
  position: absolute;
  font-size: 30px;
}

.nav-item-name[b-wv3af26bwm] {
  padding-left: 0.2em;
}

.navbar-title[b-wv3af26bwm] {
  font-size: 24px;
}

.main-container[b-wv3af26bwm] {
  background-color: rgba(25, 57, 99, 0.51);
  min-height: calc(100vh - 168px);
  backdrop-filter: blur(18px);
}

/*ヘッダーの背景の上に表示されているタイトル文字*/
.header-text[b-wv3af26bwm] {
  color: #ffffff;
  text-shadow: 0px 0px 10px #b7c53e;
}

.background[b-wv3af26bwm] {
  position: fixed;
  height: 100vh;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0;
  z-index: -2;
  background-color: #070c1a;
  background-image: url(images/Technology/wallpaperbetter.webp);
  background-position: center;
}