@font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: bold;
    src: url(IRANSansWeb_Bold.eot);
    src: url(IRANSansWeb_Bold.eot?#iefix) format("embedded-opentype"), url(IRANSansWeb_Bold.woff2) format("woff2"), url(IRANSansWeb_Bold.woff) format("woff"), url(IRANSansWeb_Bold.ttf) format("truetype");
  }
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 500;
    src: url(IRANSansWeb_Medium.eot);
    src: url(IRANSansWeb_Medium.eot?#iefix) format("embedded-opentype"), url(IRANSansWeb_Medium.woff2) format("woff2"), url(IRANSansWeb_Medium.woff) format("woff"), url(IRANSansWeb_Medium.ttf) format("truetype");
  }
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 300;
    src: url(IRANSansWeb_Light.eot);
    src: url(IRANSansWeb_Light.eot?#iefix) format("embedded-opentype"), url(IRANSansWeb_Light.woff2) format("woff2"), url(IRANSansWeb_Light.woff) format("woff"), url(IRANSansWeb_Light.ttf) format("truetype");
  }
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: 200;
    src: url(IRANSansWeb_UltraLight.eot);
    src: url(IRANSansWeb_UltraLight.eot?#iefix) format("embedded-opentype"), url(IRANSansWeb_UltraLight.woff2) format("woff2"), url(IRANSansWeb_UltraLight.woff) format("woff"), url(IRANSansWeb_UltraLight.ttf) format("truetype");
  }
  @font-face {
    font-family: "IRANSans";
    font-style: normal;
    font-weight: normal;
    src: url(IRANSansWeb.eot);
    src: url(IRANSansWeb.eot?#iefix) format("embedded-opentype"), url(IRANSansWeb.woff2) format("woff2"), url(IRANSansWeb.woff) format("woff"), url(IRANSansWeb.ttf) format("truetype");
  }
  @font-face {
    font-family: "lale";
    font-style: normal;
    font-weight: normal;
    src: url(lale.ttf);
  }
  
* {
    outline: none;
}
[data-md-color-primary=purple] {
    --md-header-bg-color: #fff;
    --md-primary-fg-color: #794387;
    --md-header-size: 55px;
    --md-text-font-family: "IRANSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
[data-md-color-scheme=slate][data-md-color-primary=purple] {
    --md-header-bg-color: var(--md-accent-bg-color);
}
*, :after, :before {
    box-sizing: border-box;
}
@media (min-width: 60em) {
    [data-md-color-primary=purple] {
        --md-header-size: 60px;
    }
}

/* استایل‌های هایلایت سینتکس */
.comment {
    color: #637777;
    font-style: italic;
}

.keyword {
    color: #c792ea; /* بنفش برای کلمات کلیدی */
}

.function {
    color: #82aaff; /* آبی برای توابع */
}

.string {
    color: #ecc48d; /* زرد برای رشته‌ها */
}

.class-name {
    color: #ffcb8b; /* نارنجی برای نام کلاس‌ها */
}

.variable {
    color: #f78c6c; /* نارنجی روشن برای متغیرها */
}

.operator {
    color: #89ddff; /* آبی روشن برای عملگرها */
}

.punctuation {
    color: #89ddff; /* آبی روشن برای علائم نگارشی */
}

.number {
    color: #f78c6c; /* نارنجی برای اعداد */
}

.method {
    color: #c3e88d; /* سبز برای متدها */
}

.decorator {
    color: #c792ea; /* بنفش برای دکوراتورها */
}

/* کلاس‌های سفارشی برای کلمات خاص */
.fast_rub {
    color: #54ff68; /* بنفش */
}

.type {
    color: #54ff68; /* بنفش */
}

.bot {
    color: #82aaff; /* آبی */
}

.run {
    color: #ffeb95; /* زرد */
}

.message {
    color: #82aaff; /* آبی */
}

.await {
    color: #c792ea; /* بنفش */
}

.async {
    color: #c792ea; /* بنفش */
}

.def {
    color: #0051ff; /* آبی پررنگ */
    font-weight: bold;
}

.on_message {
    color: #ffeb95; /* زرد */
}

.reply {
    color: #ffeb95; /* زرد */
}

.text {
    color: #82aaff; /* آبی */
}

.md-header--shadow {
    background-color: var(--md-header-bg-color);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    position: fixed;
    height: var(--md-header-size);
    left: 0;
    right: 0;
    top: 0;
    z-index: 100;
    color: var(--md-default-fg-color);
}
.md-main__inner {
    display: flex;
    height: 100%;
    margin-top: var(--md-header-size);
}
.md-header__button.md-logo {
    width: 110px;
    padding: 0.5rem;
    display: block;
    height: var(--md-header-size);
}
.md-header__button.md-logo :-webkit-any(img,svg) {
    fill: currentcolor;
    display: block;
    height: auto;
    width: auto;
    max-width: 100%;
}
.md-search__form {
    height: 40px;
}
.md-search__input {
    background-color: var(--md-typeset-kbd-accent-color);
    border: 1px solid var(--md-typeset-kbd-border-color);
    border-radius: 4px;
    color: var(--color-text-subtle);
    padding: 8px 16px;
    height: 100%;
}
@media screen and (min-width: 60em) {
    .md-search__input+.md-search__icon {
        color: var(--color-text-subtle);
    }
}
.md-search__input::placeholder, .md-search__input~.md-search__icon {
    color: var(--color-text-subtle);
}
.md-typeset ol:not([hidden]), .md-typeset ul:not([hidden]) {
    display: block;
    list-style: none;
}
[dir=rtl] .md-typeset ol li, 
[dir=rtl] .md-typeset ul li {
    margin-right: 0;
}
.md-search__icon[for=__search] {
    top: 0.4rem;
}
.md-nav__title {
    font-size: 1rem;
}
ul.md-nav__list > .md-nav__item {
    margin-bottom: .5rem;
}
.md-nav__link {
    font-size: 15px;
}
.md-nav__link:is(:focus,:hover) {
    --md-accent-fg-color: var(--md-primary-fg-color)
}
[data-md-color-scheme=default][data-md-color-primary=purple] .md-footer {
    --md-footer-bg-color: #f5f5f5;
    --md-footer-bg-color--dark: rgba(0,0,0,.87);
    --md-footer-fg-color: rgba(0,0,0,.87);
    border: 1px solid #e0e0e0;
}
html .md-footer-meta.md-typeset a:is(:focus,:hover) {
    --md-footer-fg-color: var(--md-primary-fg-color)
}
.md-typeset .headerlink:is(:focus,:hover),
.md-typeset :target>.headerlink,
.md-clipboard:is(:focus,:hover),
.md-header__button.md-icon.toggle-icon {
    color: var(--md-primary-fg-color);
}
.md-sidebar--secondary {
    height: 100%;
}

.styled-list {
  list-style-type: none;
  padding: 0;
  margin: 20px 0;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.styled-list li {
  position: relative;
  padding: 15px 25px 15px 40px;
  margin: 0;
  border-bottom: 1px solid #eee;
  font-family: 'Vazir', 'Segoe UI', Tahoma, sans-serif;
  font-size: 16px;
  color: #c255bb;
}

.styled-list li:last-child {
  border-bottom: none;
}

.styled-list li::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: linear-gradient(45deg, #4CAF50, #8BC34A);
  border-radius: 50%;
  box-shadow: 0 0 0 3px rgba(76, 175, 80, 0.2);
  transition: all 0.3s ease;
}

.styled-list li:hover::before {
  transform: translateY(-50%) scale(1.2);
  box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.3);
}

.styled-list li:hover {
  background: linear-gradient(90deg, rgba(11, 228, 105, 0.578), transparent);
  padding-left: 45px;
}