@font-face {
    font-family: "Abar";
    src: url("../fonts/AbarLow-Medium.woff2") format("woff2");
    font-weight: 400 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Abar";
    src: url("../fonts/AbarLow-SemiBold.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Abar";
    src: url("../fonts/AbarLow-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Abar";
    src: url("../fonts/AbarLow-Black.woff2") format("woff2");
    font-weight: 800 900;
    font-style: normal;
    font-display: swap;
}

.ap-root {
    --ap-c-950: #04150b;
    --ap-c-900: #0f452b;
    --ap-c-800: #145034;
    --ap-c-700: #1f7a4f;
    --ap-c-600: #227d52;
    --ap-c-300: #5ebe91;
    --ap-c-100: #d8eee2;
    --ap-c-50: #edf6f0;
    --ap-font: "Abar", Tahoma, "Segoe UI", Arial, sans-serif;
    --ap-page: #ececee;
    --ap-shell: #ffffff;
    --ap-surface: #f7f7f7;
    --ap-card: #ffffff;
    --ap-line: #ebecec;
    --ap-line-strong: #dcdfdd;
    --ap-text: #0b0f0d;
    --ap-muted: #7b867f;
    --ap-subtle: #a7b0aa;
    --ap-nav: #8c9892;
    --ap-brand: var(--ap-c-800);
    --ap-brand-soft: var(--ap-c-50);
    --ap-brand-text: var(--ap-c-700);
    --ap-solid: var(--ap-c-800);
    --ap-on: #ffffff;
    --ap-on-soft: rgba(255, 255, 255, 0.82);
    --ap-on-brand: #ffffff;
    --ap-deep-1: var(--ap-c-900);
    --ap-deep-2: var(--ap-c-950);
    --ap-grad: linear-gradient(155deg, var(--ap-c-900) 0%, var(--ap-c-700) 130%);
    --ap-danger: #cf3f3f;
    --ap-danger-soft: #fdecec;
    --ap-warn: #a9701a;
    --ap-warn-soft: #fbf3da;
    --ap-info: #2b6cb0;
    --ap-info-soft: #e8f1fb;
    --ap-shadow: 0 1px 2px rgba(12, 32, 22, 0.04), 0 18px 40px rgba(12, 32, 22, 0.07);
    --ap-radius-xl: 32px;
    --ap-radius-lg: 24px;
    --ap-radius: 18px;
    --ap-radius-sm: 12px;
    --ap-pill: 999px;
    font-family: var(--ap-font);
    font-size: 14px;
    line-height: 1.8;
    color: var(--ap-text);
    text-align: right;
    direction: rtl;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

.ap-root[data-theme="dark"] {
    --ap-page: #0a0f0c;
    --ap-shell: #101713;
    --ap-surface: #151d18;
    --ap-card: #1a241e;
    --ap-line: #25312a;
    --ap-line-strong: #2f3d34;
    --ap-text: #edf2ee;
    --ap-muted: #94a39a;
    --ap-subtle: #6b7a71;
    --ap-nav: #8a9a90;
    --ap-brand: var(--ap-c-300);
    --ap-brand-soft: rgba(94, 190, 145, 0.14);
    --ap-brand-text: var(--ap-c-300);
    --ap-danger-soft: rgba(207, 63, 63, 0.16);
    --ap-warn-soft: rgba(223, 170, 69, 0.16);
    --ap-warn: #e1b565;
    --ap-info-soft: rgba(95, 156, 224, 0.16);
    --ap-info: #86b4ea;
    --ap-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 40px rgba(0, 0, 0, 0.35);
}

@media (prefers-color-scheme: dark) {
    .ap-root[data-theme="auto"] {
        --ap-page: #0a0f0c;
        --ap-shell: #101713;
        --ap-surface: #151d18;
        --ap-card: #1a241e;
        --ap-line: #25312a;
        --ap-line-strong: #2f3d34;
        --ap-text: #edf2ee;
        --ap-muted: #94a39a;
        --ap-subtle: #6b7a71;
        --ap-nav: #8a9a90;
        --ap-brand: var(--ap-c-300);
        --ap-brand-soft: rgba(94, 190, 145, 0.14);
        --ap-brand-text: var(--ap-c-300);
        --ap-danger-soft: rgba(207, 63, 63, 0.16);
        --ap-warn-soft: rgba(223, 170, 69, 0.16);
        --ap-warn: #e1b565;
        --ap-info-soft: rgba(95, 156, 224, 0.16);
        --ap-info: #86b4ea;
        --ap-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 18px 40px rgba(0, 0, 0, 0.35);
    }
}

:where(.ap-root) *,
:where(.ap-root) *::before,
:where(.ap-root) *::after {
    box-sizing: border-box;
}

:where(.ap-root) h1,
:where(.ap-root) h2,
:where(.ap-root) h3,
:where(.ap-root) p,
:where(.ap-root) ul,
:where(.ap-root) ol,
:where(.ap-root) dl,
:where(.ap-root) dd,
:where(.ap-root) figure,
:where(.ap-root) table {
    margin: 0;
    padding: 0;
}

:where(.ap-root) ul,
:where(.ap-root) ol {
    list-style: none;
}

:where(.ap-root) h1,
:where(.ap-root) h2,
:where(.ap-root) h3 {
    font-family: var(--ap-font);
    color: var(--ap-text);
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

:where(.ap-root) a {
    color: inherit;
    text-decoration: none;
}

:where(.ap-root) img {
    max-width: 100%;
    height: auto;
    border: 0;
}

:where(.ap-root) button,
:where(.ap-root) input,
:where(.ap-root) select,
:where(.ap-root) textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

:where(.ap-root) button {
    cursor: pointer;
}

:where(.ap-root) [hidden] {
    display: none !important;
}

.ap-root :focus-visible {
    outline: 2px solid var(--ap-c-300);
    outline-offset: 2px;
}

body.anselpro-standalone {
    margin: 0;
    background: var(--ap-page, #ececee);
}

.ap-root .ap-icon {
    display: inline-flex;
    width: 1.25em;
    height: 1.25em;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    color: inherit;
}

.ap-root .ap-icon svg {
    width: 100%;
    height: 100%;
    fill: currentColor;
}

.ap-root .ap-hp {
    position: absolute;
    inset-inline-start: -9999px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.ap-root .ap-muted {
    color: var(--ap-muted);
}