@font-face {
    font-family: Shabnam;
    src: url(/static/font/Shabnam.ff80c11a.woff2) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: Roboto;
    src: url(/static/font/roboto-regular.2c395bcb.woff2) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: Shabnam;
    src: url(/static/font/Shabnam-Medium.2e8a4ebb.woff2) format("woff2");
    font-weight: 500
}

@font-face {
    font-family: Roboto;
    src: url(/static/font/roboto-medium.0519ad6f.woff2) format("woff2");
    font-weight: 500
}

@font-face {
    font-family: Shabnam;
    src: url(/static/font/Shabnam-Light.839af4c6.woff2) format("woff2");
    font-weight: 300
}

@font-face {
    font-family: Roboto;
    src: url(/static/font/roboto-light.0ccfdf89.woff2) format("woff2");
    font-weight: 300
}

@font-face {
    font-family: Shabnam;
    src: url(/static/font/Shabnam-Bold.7cc36aac.woff2) format("woff2");
    font-weight: 700
}

@font-face {
    font-family: Roboto;
    src: url(/static/font/roboto-bold.6690f2dc.woff2) format("woff2");
    font-weight: 700
}

@font-face {
    font-family: text-security-disc;
    src: url(data:font/woff2;base64,d09GMgABAAAAAALIAA4AAAAADOgAAAJwAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGiAGVgCOQggEEQgKgSiBNwsKAAE2AiQDEAQgBYUmBy8b9QsRlZtpyH4k2DHBylDCkVzEmOsr8fC23+e5M/P+IpcQHJAEjie2ZVm9aTxKAoWSdVVVU0eIB9vbUwhg6dwp+cIU5eJnfIlGcM/95B9JheMz+Ui3Ki+LCLBIb/HhgKKwnw98RAMca4JtcN52iSGJ6Xsh4O3ywQ/wqen2BuH6gVb0gyRkWShIiDwqbqlwqDpF9IP752f2p0JSZULNlsPrD1qV/stFdR/xUFeJY5KRMUxAbZksMEypjUJRBOk/EgT4m1soyOhLJmpkpInogJLKIWfJFteAl4GcXoAMbZE05NuxpvxC/P8vgQLqUTACCwEFMySQSomeprNtp/e3NDSfbb60c2Xp6u6XLu866cqOia9Rze8kF/qw+sa9GzMG8qhpWyetn7h27cT1kwYxFNFBb+tBeiFwL8xcdr+u+DnnXq36hkg5wSgykxUmeGrxh6XikEDwfOeIr3valv1uU91H+Dpl5XdzszWkR9V81EsgyBPIo0gZIEiZkkdZk6rLoxz8L0WvBBIaNeK/GYB2bwQInSYIkNTZLEDW6aQARae7AlSafBWgpjNaBGg0NU4J0KQr3sqiNAjjcCFptRiycbYShbkClV4voWacH9AI3ZVRj9RkQtxxTPC5MKfAuR2Ky4/xipODf61YJoSO6XMdL2zLSqTyzjjgS8u+qKxehYhd2xxOxWpBFE7CRtq01IxZFRMbnUvlTlPBs/CI9SOnR6JdLhGJDquBzFaLS9B1K7I5rKrAuXDYpS08TxyZcx07vDFneI5gmCFbPm73A0fF2TYTQYg1+znXphsrJ4YZjWGBbVh4hCCRxG6aYU5BSJHKWAEAAA==) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: Lalezar;
    src: url(/static/font/Lalezar-Regular.e972f562.woff2) format("woff2");
    font-weight: 400
}

@font-face {
    font-family: Gilroy;
    src: url(data:application/font-woff;base64,) format("woff2");
    font-weight: 600
}

* {
    box-sizing: border-box
}

:root {
  /* PRIMARY (Blue) — based on #3c90d6 */
  --color-primary-android-app-bar: #3c90d6;
  --color-primary-android-app-bar-rgb: 60, 144, 214;

  --color-primary-p-40: #6bb0e4;
  --color-primary-p-40-rgb: 107, 176, 228;

  --color-primary-p-50: #3c90d6;
  --color-primary-p-50-rgb: 60, 144, 214;

  --color-primary-p-5015: rgba(60, 144, 214, .15);

  --color-primary-p-60: rgba(var(--color-primary-p-60-rgb));
  --color-primary-p-60-rgb: 47, 121, 184;

  /* NEUTRALS (unchanged) */
  --color-neutrals-n-100: #b3bac5;
  --color-neutrals-n-100-rgb: 179, 186, 197;
  --color-neutrals-n-200: #7a869a;
  --color-neutrals-n-200-rgb: 122, 134, 154;
  --color-neutrals-n-300: #5e6c84;
  --color-neutrals-n-300-rgb: 94, 108, 132;
  --color-neutrals-n-400: #42526e;
  --color-neutrals-n-400-rgb: 66, 82, 110;
  --color-neutrals-n-500: #091e42;
  --color-neutrals-n-500-rgb: 9, 30, 66;
  --color-neutrals-n-600: #0f0f0f;
  --color-neutrals-n-600-rgb: 15, 15, 15;

  --color-neutrals-on-primary: #fff;
  --color-neutrals-on-primary-rgb: 255, 255, 255;
  --color-neutrals-on-primary-opacity-50: rgba(var(--color-neutrals-on-primary-rgb), .5);
  --color-neutrals-on-primary-opacity-50-rgb: var(--color-neutrals-on-primary-opacity-50);

  --color-neutrals-n-00: #fcfdfd;
  --color-neutrals-n-00-rgb: 252, 253, 253;
  --color-neutrals-n-10: #fafbfc;
  --color-neutrals-n-10-rgb: 250, 251, 252;
  --color-neutrals-n-20: #f4f5f7;
  --color-neutrals-n-20-rgb: 244, 245, 247;
  --color-neutrals-n-30: #ebecf0;
  --color-neutrals-n-30-rgb: 235, 236, 240;
  --color-neutrals-n-40: #dfe1e6;
  --color-neutrals-n-40-rgb: 223, 225, 230;
  --color-neutrals-n-50: #c1c7d0;
  --color-neutrals-n-50-rgb: 193, 199, 208;

  --color-neutrals-surface: var(--color-neutrals-n-00);
  --color-neutrals-on-app-bar: #091e42;

  --color-neutrals-mask-rgb: 0, 0, 0;
  --color-neutrals-mask: rgba(var(--color-neutrals-mask-rgb), .8);

  --color-neutrals-gold-bg: #fff3ae;
  --color-neutrals-gold-bg-rgb: 255, 243, 174;

  /* ALTERNATIVES (unchanged) */
  --color-alternative-a-01: #f2aa00;
  --color-alternative-a-01-rgb: 242, 170, 0;
  --color-alternative-opacity-a-01: #fef8eb;

  --color-alternative-a-02: #f28816;
  --color-alternative-a-02-rgb: 242, 136, 22;
  --color-alternative-opacity-a-02: #fef5ec;

  --color-alternative-a-03: #ff6b6a;
  --color-alternative-a-03-rgb: 255, 107, 106;
  --color-alternative-opacity-a-03: #fff3f3;

  --color-alternative-a-04: #f257a8;
  --color-alternative-a-04-rgb: 242, 87, 168;
  --color-alternative-opacity-a-04: #fef2f8;

  --color-alternative-a-05: #b37feb;
  --color-alternative-a-05-rgb: 179, 127, 235;
  --color-alternative-opacity-a-05: #f9f5fd;

  --color-alternative-a-06: #9bd900;
  --color-alternative-a-06-rgb: 155, 217, 0;
  --color-alternative-opacity-a-06: #f7fceb;

  --color-alternative-a-07: #52c41a;
  --color-alternative-a-07-rgb: 82, 196, 26;
  --color-alternative-opacity-a-07: #f1faed;

  --color-alternative-a-08: #9e52ff;
  --color-alternative-a-08-rgb: 158, 82, 255;
  --color-alternative-opacity-a-08: #f7f1ff;

  --color-alternative-a-09: #29b6f6;
  --color-alternative-a-09-rgb: 41, 182, 246;
  --color-alternative-opacity-a-09: #eef9fe;

  --color-alternative-a-10: #597ef7;
  --color-alternative-a-10-rgb: 89, 126, 247;
  --color-alternative-opacity-a-10: #f2f5fe;

  /* STATUS (unchanged) */
  --color-error: #e82a3c;
  --color-error-rgb: 247, 68, 85;
  --color-success: #24863d;
  --color-success-rgb: 36, 134, 61;

  /* LINK — synced with Primary (Blue) */
  --color-link: #3c90d6;
  --color-link-rgb: 60, 144, 214;

  --color-alert: #e55a2e;
  --color-alert-rgb: 229, 90, 46;

  /* RIPPLE — synced with Primary (Blue) */
  --color-ripple-rgb: 60, 144, 214;
  --color-ripple: rgba(var(--color-ripple-rgb), .15);

  --color-primary-ripple-rgb: 0, 0, 0;
  --color-primary-ripple: rgba(var(--color-primary-ripple-rgb), .04);

  --color-error-ripple-rgb: 232, 42, 60;
  --color-error-ripple: rgba(var(--color-error-ripple-rgb), .15);

  /* FIXED (Dark theme tokens) — synced with Primary (Blue) */
  --color-fixed-primary: #3c90d6;
  --color-fixed-primary-rgb: 60, 144, 214;

  --color-fixed-neutrals-n-500: #dfe1e5;
  --color-fixed-neutrals-n-400: #bdc2c9;
  --color-fixed-neutrals-n-300: #83888f;
  --color-fixed-neutrals-n-200: #787c82;
  --color-fixed-neutrals-n-100: #676a6e;
  --color-fixed-neutrals-n-50: #4f5154;
  --color-fixed-neutrals-n-40: #36373b;
  --color-fixed-neutrals-n-30: #232426;
  --color-fixed-neutrals-n-20: #1f1f21;
  --color-fixed-neutrals-n-10: #1a1b1c;

  --color-fixed-neutrals-background: #151617;
  --color-fixed-neutrals-background-rgb: 21, 22, 23;

  --color-fixed-neutrals-surface: #1a1b1c;
  --color-fixed-neutrals-surface-rgb: 26, 27, 28;

  --color-fixed-neutrals-on-background: #fff;
  --color-fixed-neutrals-on-background-rgb: 255, 255, 255;

  --color-fixed-neutrals-high-brightness: rgba(var(--color-fixed-neutrals-on-background-rgb), .75);
  --color-fixed-overlay-bg: rgba(var(--color-fixed-neutrals-background-rgb), .6);
  --color-fixed-neutrals-middle-brightness: rgba(var(--color-fixed-neutrals-on-background-rgb), .5);
  --color-fixed-neutrals-low-brightness: rgba(var(--color-fixed-neutrals-on-background-rgb), .25);

  --color-fixed-error: #ff5858;
  --color-fixed-success: #04cc83;

  /* FIXED LINK — lighter blue for dark */
  --color-fixed-link: #8ac8ff;
  --color-fixed-alert: #f2682c;

  /* BUBBLES — primary (blue) dominant, secondary (teal) accent */
  --color-bubble-out-primary: #e7f3fd;
  --color-bubble-out-primary-rgb: 231, 243, 253;

  --color-bubble-in-primary: #fcfdfd;
  --color-bubble-in-primary-rgb: 252, 253, 253;

  /* Secondary (Teal) — based on #39ccc8 */
  --color-bubble-out-secondary: #39ccc8;
  --color-bubble-out-secondary-rgb: 57, 204, 200;

  --color-bubble-out-third-rgb: 57, 204, 200;
  --color-bubble-out-third: rgba(var(--color-bubble-out-third-rgb), .12);
  --color-bubble-out-fourth: rgba(57, 204, 200, .25);

  /* Incoming accent — lighter blue */
  --color-bubble-in-secondary: #6bb0e4;
  --color-bubble-in-secondary-rgb: 107, 176, 228;

  --color-bubble-in-fourth: rgba(107, 176, 228, .25);
  --color-bubble-in-third-rgb: 179, 186, 197;
  --color-bubble-in-third: rgba(var(--color-bubble-in-third-rgb), .12);

  --color-bubble-low-text: #6a7485;
  --color-bubble-low-text-rgb: 106, 116, 133;

  --color-bubble-receipt: #fff1b8;
  --color-bubble-receipt-rgb: 255, 241, 184;

  --color-bubble-background-icon: rgba(15, 15, 15, .65);
  --color-bubble-progress: rgba(15, 15, 15, .12);

  --color-neutrals-snack-bar-rgb: 9, 30, 66;
  --color-neutrals-snack-bar: rgba(var(--color-neutrals-snack-bar-rgb), .6);

  --color-bubble-mask-rgb: 9, 30, 66;
  --color-bubble-mask: rgba(var(--color-bubble-mask-rgb), .65);

  --color-neutrals-service-message-rgb: 0, 0, 0;
  --color-neutrals-service-message: rgba(var(--color-neutrals-service-message-rgb), .24);

  --background-chat: var(--color-neutrals-on-primary);

  /* Seen — synced with Secondary (Teal) for visibility */
  --color-bubble-seen-in-dark-bg: #39ccc8;

  /* CALL UI */
  --color-call-background: #151617;
  --color-call-chips-background: rgba(26, 27, 28, .6);
  --color-call-gride-background: #232426;
  --color-call-default-button: #36373b;
  --color-call-end-button: #e14d4d;

  /* Call primary action — synced with Primary (Blue) */
  --color-call-call-button: #3c90d6;

  --color-call-call-toast: #ebecf0;
  --color-call-share-screen-button: #4a98e9;
  --color-call-on-background: #fff;

  /* SECONDARY TOKENS — synced with logo teal */
  --secondary-main: #39ccc8;
  --secondary-light: #67d9d6;
  --secondary-dark: #2fb7b3;

  --error-main: #f74455;

  /* LIGHT/DARK tokens (unchanged) */
  --light-10: #fafbfc;
  --light-10-rgb: 250, 251, 252;
  --light-20: #f4f5f7;
  --light-20-rgb: 244, 245, 247;
  --light-40: #dfe1e6;

  --dark-100: #b3bac5;
  --dark-100-rgb: 179, 186, 197;
  --dark-200: #7a869a;
  --dark-200-rgb: 122, 134, 154;
  --dark-300: #5e6c84;
  --dark-400: #42526e;
  --dark-400-rgb: 66, 82, 110;
  --dark-500: #091e42;
  --dark-500-rgb: 9, 30, 66;
  --dark-600: #0f0f0f;
  --dark-600-rgb: 15, 15, 15;

  /* SKELETON (unchanged) */
  --Skeleton-dark: linear-gradient(
    90deg,
    rgba(255, 255, 255, .02) 0%,
    rgba(255, 255, 255, .12) 44.27%,
    rgba(255, 255, 255, .12) 53.12%,
    rgba(255, 255, 255, .05) 100%,
    rgba(255, 255, 255, .02) 100%
  );

  --Skeleton-light: linear-gradient(
    90deg,
    #e2e2e2 0%,
    rgba(237, 237, 237, .7) 50.83%,
    #e2e2e2 100%
  );

  --skeleton-color: linear-gradient(
    90deg,
    rgba(9, 29, 66, .1) 0%,
    rgba(9, 30, 66, .04) 45%,
    rgba(9, 30, 66, .04) 55%,
    rgba(9, 30, 66, .1) 100%
  );

  /* GRADIENTS — Story gradient synced to Blue -> Teal */
  --color-gradient-magazine: linear-gradient(129deg, #4684fc 13.9%, #f860db 84.3%);
  --color-gradient-story-arbaein: linear-gradient(332deg, #ff8311 -29.89%, #fa9817 0.84%, #fcaf2e 37.21%, #fec03f 64.8%, #ffce4d 86.75%);
  --color-gradient-story-world: linear-gradient(134deg, #b73abd -21.62%, #ba8bf4 32.79%, #32cbf4 58.01%, #5bf59f 91.85%);
  --color-gradient-story-yalda: linear-gradient(147deg, #f9607c 5.84%, #ffcfcf 92.01%);

  --color-gradient-story: linear-gradient(
    148deg,
    #3c90d6 23.71%,
    #56a7df 40.36%,
    #6bb0e4 64.07%,
    #56d1cf 76.3%,
    #39ccc8 91.47%
  );

  --color-gradient-skeleton: linear-gradient(
    90deg,
    rgba(9, 29, 66, .1) 0%,
    rgba(9, 30, 66, .04) 45%,
    rgba(9, 30, 66, .04) 55%,
    rgba(9, 30, 66, .1) 100%
  );

  /* MOTION + SHADOWS (unchanged) */
  --animation-timing-bounce: cubic-bezier(.175, .885, .32, 1.275);

  --bubble-shadow: 0px 0px 2px 0px rgba(var(--color-neutrals-n-500-rgb), .16);
  --option-modal-shadow: 0px 1px 4px 0px rgba(var(--color-neutrals-n-500-rgb), .15);
  --option-modal-shadow-2: 0px 0px 4px 0px rgba(var(--color-neutrals-n-500-rgb), .28);
  --box-shadow: 0px 0px 8px 0px rgba(var(--color-neutrals-n-500-rgb), .08);
  --modal-shadow: 0px 5px 15px 0px rgba(var(--color-neutrals-n-500-rgb), .15);
  --input-bar-navigation: 0px -1px 4px 0px rgba(var(--color-neutrals-n-500-rgb), .08);
}

path {
    transition: fill .2s ease-out
}

:not(path) {
    transition: color, background-color .2s ease-out
}

.ReactModal__Overlay {
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.ReactModal__Overlay--after-open {
    opacity: 1
}

.ReactModal__Overlay--before-close {
    opacity: 0
}

.drawer-enter {
    transform: translate(100%)
}

.drawer-enter-active {
    transition: transform .2s ease-out;
    transform: translate(0)
}

.drawer-exit {
    transform: translate(0)
}

.drawer-exit-active {
    transition: transform .2s ease-in;
    transform: translate(100%)
}

:root {
    --font-family: shabnam
}

* {
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    touch-action: pan-x pan-y;
    outline: none
}

html {
    background-color: var(--color-neutrals-n-00);
    font-size: 10px
}

@media (min-width: 768px) {
    ::-webkit-scrollbar {
        background-color: transparent;
        width: 6px
    }

    ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 15px
    }

    ::-webkit-scrollbar-thumb:vertical {
        min-height: 60px
    }

    ::-webkit-scrollbar-thumb:horizontal {
        min-width: 60px
    }
}

html, body {
    overscroll-behavior-y: contain;
    -webkit-user-select: none;
    user-select: none
}

button, input, textarea {
    font-family: inherit;
    font-size: inherit
}

img {
    -webkit-user-drag: none
}

a {
    cursor: pointer;
    text-decoration: none
}

.p {
    display: block
}

span.emoji-sizer {
    vertical-align: middle !important;
    margin: 0 !important;
    font-size: 20px !important
}

.emoji-mart-scroll::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

.emoji-mart-scroll::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.emoji-mart-emoji {
    cursor: pointer;
    padding: 4px
}

.emoji-mart-category .emoji-mart-emoji span {
    cursor: pointer
}

.emoji-mart-category-label {
    font-family: var(--font-family)
}

@keyframes toastifyScale {
    0% {
        opacity: 0;
        transform: scale(.9)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.Toastify__enter-animation {
    animation: .3s both toastifyScale
}

.Toastify__exit-animation {
    animation: .3s reverse both toastifyScale
}

.Toastify__toast-container {
    width: auto !important
}

.Toastify__toast {
    justify-content: flex-start !important
}

.Toastify__toast--info {
    text-align: center;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    width: 336px;
    max-width: 336px;
    background-color: var(--color-neutrals-n-400) !important;
    font-size: 16px !important;
    font-family: var(--font-family) !important;
    border-radius: 1.4rem !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    padding: 0 !important
}

.Toastify__toast--call {
    text-align: center;
    min-width: 336px;
    background-color: var(--color-fixed-neutrals-n-10) !important;
    font-size: 16px !important;
    font-family: var(--font-family) !important;
    border-radius: 1.4rem !important;
    justify-content: flex-start !important;
    min-height: auto !important;
    padding: 0 !important
}

.Toastify__toast-body--call.Toastify__toast-body--call {
    justify-content: flex-start !important;
    padding: 1.2rem !important
}

.Toastify__close-button {
    display: none
}

.Toastify__toast-body {
    width: 100%;
    color: var(--color-neutrals-n-00);
    padding: 1.2rem !important
}

.styles_reactWaves__1M36F {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important
}

#message-input[contenteditable][placeholder]:empty:before {
    content: attr(placeholder);
    color: #7a869a;
    pointer-events: none;
    display: block
}

.visually-hidden {
    clip: rect(0, 0, 0, 0);
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute !important
}

@media (max-width: 768px) {
    .Toastify__toast-container {
        flex-direction: column;
        align-items: center;
        justify-content: center !important;
        display: flex !important;
        left: 0 !important;
        right: 0 !important;
        transform: none !important
    }

    .Toastify__toast {
        white-space: pre-line !important
    }

    .Toastify__toast-body {
        flex-grow: 0 !important
    }

    .Toastify__toast-container.Toastify__toast-container--bottom-center {
        bottom: 75px
    }
}

.log-container {
    z-index: 10000;
    justify-content: center;
    width: 100%;
    transition: transform .3s;
    display: flex;
    position: fixed;
    top: 0;
    transform: translateY(calc(100vh - 10px))
}

#log-body {
    background-color: #fff;
    flex-grow: 1;
    overflow: auto
}

.log-container.active {
    transform: translateY(0)
}

#log-wrapper {
    background-color: #ccc;
    flex-direction: column;
    width: 100%;
    max-width: 700px;
    height: 100vh;
    display: flex
}

.log-header {
    margin-top: -70px;
    padding: 5px;
    display: flex
}

.log-second-collapse {
    z-index: 99;
    color: #fff;
    background-color: #007aff;
    border-radius: 5px;
    padding: 5px 7px;
    display: flex;
    position: fixed;
    top: 30px;
    left: 20px
}

.log-collapse {
    color: #fff;
    background-color: #007aff;
    border-radius: 5px;
    margin: 10px auto;
    padding: 5px 4px 70px;
    display: flex;
    position: relative;
    top: -52px
}

#log-wrapper #log {
    width: 100%;
    height: 55px;
    margin: 0;
    display: none;
    overflow-y: scroll
}

.download-log {
    background-color: #328fef;
    height: 35px
}

img.emoji {
    vertical-align: middle;
    margin: 0 1px;
    display: inline-block;
    width: 20px !important;
    height: 20px !important
}

.animated-emoji .emoji {
    --animation-time: .35s;
    animation: scale120 var(--animation-time) ease-in-out infinite alternate
}

@keyframes scale120 {
    0% {
        transform: scale(.8)
    }
    to {
        transform: scale(1)
    }
}

.ptr__children {
    overflow: hidden auto !important
}

.highlight_query {
    position: relative
}

.highlight_query:after {
    content: "";
    background-color: rgba(var(--color-fixed-primary-rgb), .15);
    z-index: -1;
    top: 0;
    border-radius: 4px;
    width: calc(100% + 2px);
    height: calc(100% + 3px);
    padding-inline-end: 4px;
    position: absolute;
    inset-inline-start: -2px
}

.highlight_query_preview {
    color: var(--color-primary-p-40)
}

.Qy6WgX {
    -ms-overflow-style: none;
    scrollbar-width: none;
    direction: rtl;
    gap: 8px;
    max-width: 100%;
    padding: 12px;
    display: flex;
    overflow-y: hidden
}

.Qy6WgX::-webkit-scrollbar {
    display: none
}

.rz2l0L {
    white-space: nowrap
}

.rz2l0L .Iu29Sd {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.Q2zt0r {
    color: var(--color-neutrals-n-00);
    background-color: var(--color-neutrals-n-400);
    gap: 8px;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: flex
}

.LYyRbv {
    text-align: start;
    flex: 1
}

.LYyRbv.ZMisIy {
    text-align: center
}

.EfKp5N {
    margin: 0
}

.cNv2ZQ {
    color: var(--color-primary-p-50);
    cursor: pointer;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.ZjBAgL {
    cursor: pointer
}

.BJCHMn {
    align-self: center;
    width: 19px;
    height: 19px;
    position: relative
}

.BJCHMn .kYhbTn {
    color: var(--color-neutrals-n-00);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    position: absolute;
    top: -7px
}

.yAo03o {
    background-color: var(--color-neutrals-n-00);
    width: 100vw;
    height: 100vh;
    max-height: -webkit-fill-available;
    flex-direction: column;
    height: 100dvh;
    display: flex;
    overflow: hidden
}

.yAo03o .ijWVyP {
    width: 100%
}

@media screen and (min-width: 768px) {
    .yAo03o {
        border-radius: 14px;
        width: 570px;
        height: 645px;
        max-height: 85vh
    }

    .yAo03o .ijWVyP {
        width: -moz-fit-content;
        width: fit-content;
        min-width: 158px
    }
}

.y5p0iA::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.y5p0iA::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 15px
}

.y5p0iA::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

.y5p0iA::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.y5p0iA {
    height: 100%;
    overflow: hidden auto
}

.y5p0iA .ATZSIm.QS7Oia {
    border-block-end: 1px solid var(--color-neutrals-n-30)
}

.n3rxvv {
    padding: 0;
    padding: 10px 6px !important
}

@media screen and (min-width: 768px) {
    .n3rxvv {
        direction: ltr;
        padding: 10px 24px !important
    }

    .n3rxvv .GJ4Brg {
        padding: 8px
    }
}

.Wvnoa4 {
    text-align: center;
    z-index: 100;
    align-items: center;
    padding: 12px 8px;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px) {
    .Wvnoa4 {
        padding: 0
    }
}

.Wvnoa4:not(.ppvce0) {
    border-bottom: 1px solid var(--color-neutrals-n-30)
}

.Wvnoa4.gyp5d2 {
    justify-content: flex-end
}

.Wvnoa4.lhOWEI {
    justify-content: space-between
}

.Wvnoa4 .MNCMeh {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    position: absolute;
    left: 50%;
    transform: translate(-50%)
}

.Wvnoa4 .kKA4Ex {
    cursor: pointer;
    align-items: center;
    height: 100%;
    display: flex
}

@media screen and (min-width: 768px) {
    .Wvnoa4 .i87F6S {
        padding: 12px 8px
    }
}

.Wvnoa4 .JfmAYW {
    z-index: 10;
    height: 100%;
    position: relative
}

.Wvnoa4 .JfmAYW .B4FD_T {
    cursor: pointer;
    position: absolute;
    inset-block-start: 26px;
    inset-inline-end: 26px
}

.Wvnoa4 .JfmAYW .B4FD_T.eAitOq div {
    direction: rtl
}

.Wvnoa4 .DI0NJz {
    column-gap: 8px;
    display: flex
}

.Wvnoa4 .DI0NJz .Y0FGxS {
    width: max-content;
    margin: auto
}

@media screen and (min-width: 768px) {
    .Wvnoa4 {
        padding: 12px 10px
    }

    .Wvnoa4 .i87F6S {
        padding: 6px
    }

    .Wvnoa4 .JfmAYW .B4FD_T {
        inset-block-start: 16px;
        inset-inline-end: 16px
    }
}

.YG4CQf {
    background-color: var(--color-neutrals-surface);
    cursor: pointer;
    border-radius: 10px;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    margin-inline: 4px;
    padding: 12px;
    display: flex
}

.YG4CQf.DUvdI1 {
    padding-block: 6px
}

.YG4CQf:hover {
    background-color: var(--color-neutrals-n-20) !important
}

.YG4CQf .IWnPZy {
    flex-direction: column;
    margin-inline-end: auto;
    display: flex;
    overflow: hidden
}

.YG4CQf .IWnPZy .y_g26Z {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    overflow: hidden
}

.YG4CQf .IWnPZy .y_g26Z.zg9nPS {
    color: var(--color-error)
}

.YG4CQf .IWnPZy .kydduX {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.karN60 {
    -webkit-user-select: none;
    user-select: none;
    width: 235px;
    box-shadow: var(--option-modal-shadow-2);
    background-color: var(--color-neutrals-surface);
    border-radius: 14px;
    padding-block: 4px
}

.PHLpmg {
    background-color: var(--color-error);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 14px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 2px;
    display: flex
}

.PHLpmg.AbWkt_ {
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding: 2px 8px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.PHLpmg.PB2XlV {
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding: 2px 8px;
    font-family: Shabnam;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8rem
}

.PHLpmg.xrSkuO {
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding: 2px 6px;
    font-family: Shabnam;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.8rem
}

.PHLpmg > span {
    color: var(--color-neutrals-on-primary);
    text-align: center
}

.DqEQFk {
    width: -moz-fit-content;
    width: fit-content;
    font-size: 0;
    line-height: 0;
    position: relative
}

.dENVh4 {
    z-index: 1;
    position: absolute
}

.dENVh4.Zepg2I {
    top: 0
}

.dENVh4.adNETM {
    bottom: 0
}

.dENVh4.aZtYVR {
    left: 0
}

.dENVh4.QemVCu {
    right: 0
}

.dENVh4.UvSRms {
    pointer-events: none
}

.oc7yLR {
    box-sizing: content-box;
    border: 2px solid var(--color-neutrals-n-00);
    -webkit-user-select: none;
    user-select: none;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 8px;
    height: 8px;
    display: flex
}

.oc7yLR.nw_jA9 {
    background-color: var(--color-primary-p-50)
}

.oc7yLR.wJ9kAp {
    background-color: var(--color-error)
}

.oc7yLR.MveIlA {
    background-color: var(--color-neutrals-n-50)
}

.oc7yLR.s8Mbap {
    display: none
}

.oc7yLR.tnAKhC {
    border: unset
}

.Z5OJPH {
    background-color: rgba(var(--color-error-rgb), .1);
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: -moz-fit-content;
    width: fit-content;
    height: 28px;
    padding: 0 8px;
    display: flex
}

.UzQDbW {
    color: var(--color-error);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2rem
}

.gshe99 {
    width: 24px;
    height: 24px
}

.aNv5px {
    box-sizing: border-box;
    direction: ltr;
    border: none;
    border-radius: 14px;
    width: auto;
    height: 2.4rem
}

.aNv5px.BmDJaz {
    width: 2.4rem;
    padding: 2px
}

.aNv5px.lMT9V9 {
    padding: 2px 4px
}

.eVv8xC {
    color: var(--color-neutrals-on-primary);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem
}

.DDKfy2 {
    transform: unset;
    position: static
}

.FRqrfO {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: hidden
}

.kXxU2w {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px;
    display: flex;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .kXxU2w:hover {
        background-color: rgba(var(--color-neutrals-n-500-rgb), .05)
    }
}

@keyframes Irp2_f {
    0% {
        opacity: 1;
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(2.2)
    }
}

@keyframes m7JfJ5 {
    0% {
        opacity: 1;
        transform: scale(0)
    }
    to {
        opacity: 0;
        transform: scale(8)
    }
}

@keyframes kM7YH9 {
    0% {
        opacity: 1;
        transform: scale(0)
    }
    50% {
        opacity: 1
    }
    to {
        opacity: 0;
        transform: scale(4)
    }
}

.JaG1Ai {
    animation-name: Irp2_f
}

.pYoaYv {
    animation-name: m7JfJ5
}

.jv6PAw {
    animation-name: kM7YH9
}

.ZGzps0 {
    clip-path: inset(0 round 8px);
    z-index: auto;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden
}

.ZGzps0 ._AJqgb {
    clip-path: inset(0 round 50%)
}

.QG8s6a {
    border-radius: 50%;
    animation-timing-function: ease-out;
    display: block;
    position: absolute;
    transform: scale(0)
}

.CifA5g {
    cursor: default;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0
}

.uDdBBf {
    position: fixed
}

.tJ5xC8 {
    background-color: var(--color-neutrals-n-10);
    border-top: 1px solid var(--color-neutrals-n-30);
    justify-content: space-between;
    column-gap: 12px;
    width: 100%;
    padding: 12px;
    display: flex
}

.tJ5xC8.F3yW8y {
    padding-block-end: calc(12px + env(safe-area-inset-bottom))
}

.tJ5xC8.Kb6HP9 {
    justify-content: flex-end
}

.tJ5xC8 button {
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width: 768px) {
    .tJ5xC8 {
        direction: rtl;
        padding: 16px 32px
    }

    .tJ5xC8.F3yW8y {
        padding-block-end: 16px
    }
}

@keyframes JbpTCL {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes J2Dntu {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes QByTfM {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes iXM0o0 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes j3DktT {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes AedncH {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes jtf8y3 {
    to {
        background-position: 23% 0
    }
}

@keyframes tlZJof {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes Qg5R_A {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes EG05GY {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.VAfYXF {
    white-space: nowrap;
    cursor: pointer;
    background-color: var(--color-primary-p-50);
    border: none;
    outline: none;
    justify-content: center;
    align-items: center;
    transition: color .4s ease-in-out, background-color .4s ease-in-out;
    display: flex;
    position: relative
}

.VAfYXF.WquIu6 {
    background-color: var(--color-error)
}

.VAfYXF.wu2F4C {
    cursor: default;
    color: var(--color-neutrals-n-100) !important
}

.VAfYXF.MuAg8c {
    color: var(--color-neutrals-n-500);
    border-radius: 0;
    column-gap: 6px;
    width: 100%;
    margin: 0;
    padding: 13px 16px;
    font-family: Shabnam;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.6rem
}

.VAfYXF.MuAg8c:before {
    content: "";
    z-index: -1;
    background-color: var(--color-neutrals-n-00);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.VAfYXF.dxL1CN {
    color: var(--color-neutrals-n-500);
    border-radius: 14px;
    column-gap: 8px;
    margin: 0;
    padding: 13px 16px;
    font-family: Shabnam;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.6rem
}

.VAfYXF.nJsYi6 {
    color: var(--color-neutrals-n-500);
    border-radius: 10px;
    column-gap: 8px;
    margin: 0;
    padding: 11px 16px;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.VAfYXF.Lor1vW {
    color: var(--color-neutrals-n-500);
    border-radius: 10px;
    column-gap: 6px;
    margin: 0;
    padding: 7px 12px;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem
}

.VAfYXF.EthU0g {
    color: var(--color-neutrals-n-500);
    border-radius: 8px;
    column-gap: 4px;
    margin: 0;
    padding: 5px 12px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem
}

.VAfYXF.CtjHX_ {
    background-color: var(--color-primary-p-50);
    color: var(--color-neutrals-on-primary)
}

.VAfYXF.CtjHX_.WquIu6 {
    background-color: var(--color-error)
}

.VAfYXF.CtjHX_.E09ddK {
    background-color: var(--color-neutrals-n-30);
    color: var(--color-neutrals-n-400)
}

.VAfYXF.CtjHX_.E09ddK.nJsYi6 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem
}

.VAfYXF.CtjHX_.hZHLoI {
    background-color: var(--color-alternative-a-08)
}

@media screen and (min-width: 768px) {
    .VAfYXF.CtjHX_:not(.wu2F4C):hover {
        background-color: var(--color-primary-p-40)
    }

    .VAfYXF.CtjHX_:not(.wu2F4C):hover.WquIu6 {
        background-color: rgba(var(--color-error-rgb), .15)
    }

    .VAfYXF.CtjHX_:not(.wu2F4C):hover.E09ddK {
        background-color: var(--color-neutrals-n-40)
    }

    .VAfYXF.CtjHX_:not(.wu2F4C):hover.hZHLoI {
        background-color: var(--color-alternative-a-08)
    }
}

.VAfYXF.CtjHX_.wu2F4C {
    background-color: var(--color-neutrals-n-30)
}

.VAfYXF.hpJIqh, .VAfYXF.xvlsuR {
    color: var(--color-primary-p-50);
    background-color: transparent
}

.VAfYXF.hpJIqh.WquIu6, .VAfYXF.xvlsuR.WquIu6 {
    color: var(--color-error)
}

.VAfYXF.hpJIqh.TUNH1G, .VAfYXF.xvlsuR.TUNH1G {
    color: var(--color-alternative-a-02)
}

@media screen and (min-width: 768px) {
    .VAfYXF.hpJIqh:not(.wu2F4C):hover, .VAfYXF.xvlsuR:not(.wu2F4C):hover {
        background-color: rgba(var(--color-primary-p-50-rgb), .15)
    }

    .VAfYXF.hpJIqh:not(.wu2F4C):hover.WquIu6, .VAfYXF.xvlsuR:not(.wu2F4C):hover.WquIu6 {
        background-color: rgba(var(--color-error-rgb), .15)
    }
}

.VAfYXF.hpJIqh {
    border: 1px solid var(--color-primary-p-50)
}

.VAfYXF.hpJIqh.WquIu6 {
    border: 1px solid var(--color-error)
}

.VAfYXF.hpJIqh.TUNH1G {
    border: 1px solid var(--color-alternative-a-02)
}

.VAfYXF.hpJIqh.wu2F4C {
    border: 1px solid var(--color-neutrals-n-100)
}

.VAfYXF.xvlsuR.wu2F4C {
    color: var(--color-neutrals-n-100)
}

.VAfYXF.pFdpSc {
    background-color: var(--color-neutrals-n-00);
    color: var(--color-primary-p-50);
    box-shadow: var(--input-bar-navigation)
}

@media screen and (min-width: 768px) {
    .VAfYXF.pFdpSc:not(.wu2F4C):hover {
        background-color: rgba(var(--color-primary-p-50-rgb), .15);
        box-shadow: none
    }
}

.VAfYXF.NgHM0Q > * {
    transition: background-color .4s ease-in-out;
    visibility: hidden !important;
    color: transparent !important
}

.VAfYXF.NgHM0Q {
    transition: background-color .4s ease-in-out;
    -webkit-user-select: none !important;
    user-select: none !important;
    color: transparent !important
}

.VAfYXF.NgHM0Q .U1f6do {
    visibility: visible !important
}

.U1f6do {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
    position: absolute
}

.p3dJa4 {
    animation: .75s step-end infinite EG05GY
}

@keyframes NB4yG2 {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes _Ucvpm {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes bXj1G_ {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(.92)
    }
    to {
        transform: scale(1)
    }
}

.MmYUF7 {
    pointer-events: none;
    z-index: 0;
    border-radius: inherit;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.i4iaLF {
    opacity: 0;
    position: absolute
}

.cCiNCA {
    opacity: 1;
    animation-name: NB4yG2;
    animation-duration: .45s;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    transform: scale(1)
}

.W9nR5o {
    animation-duration: .2s
}

.nvPPNB {
    opacity: 1;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    display: block
}

.nvPPNB.AUlxQl {
    background-color: var(--color-ripple)
}

.nvPPNB.kLvlgC {
    background-color: var(--color-primary-ripple)
}

.nvPPNB.w009Tj {
    background-color: var(--color-error-ripple)
}

.DShHPG {
    opacity: 0;
    animation-name: _Ucvpm;
    animation-duration: .45s;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.CYAWQs {
    animation-name: bXj1G_;
    animation-duration: 2.5s;
    animation-timing-function: cubic-bezier(.4, 0, .2, 1);
    animation-iteration-count: infinite;
    animation-delay: .2s;
    position: absolute;
    top: 0;
    left: 0
}

@keyframes asdPkT {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes iIndZ6 {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes pi1B9w {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes xSIGrb {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes YGYcG1 {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes P_QQ0H {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes tV_Rtm {
    to {
        background-position: 23% 0
    }
}

@keyframes aQJ9Oo {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes o8wiLP {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes ps3evd {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.jbX3Ey {
    background-color: var(--color-neutrals-n-00);
    border-radius: 14px;
    justify-content: center;
    align-items: center;
    padding: 16px;
    display: flex
}

.w17DQ_ {
    animation: .75s linear infinite w17DQ_
}

@keyframes w17DQ_ {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.yB9LpJ {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    display: flex;
    position: relative
}

.yB9LpJ.wuQh_t {
    background-color: rgba(var(--color-neutrals-n-500-rgb), .5);
    border-radius: 50%
}

.yB9LpJ .ADBiif {
    width: 2.4rem
}

.yB9LpJ .NQbIDk {
    width: 3.6rem !important
}

.yB9LpJ.pPx2Q8 {
    width: 3rem
}

.yB9LpJ.pPx2Q8 .NQbIDk {
    width: 2.6rem !important
}

.yB9LpJ.pPx2Q8 .ADBiif {
    width: 1.8rem
}

@keyframes zzWzRy {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes dCdoFX {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes YrKV3v {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes ti_HW7 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes dUtnXH {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes Bzjmib {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes IBqI5A {
    to {
        background-position: 23% 0
    }
}

@keyframes bKkkDb {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes EC8Qlm {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes ZCdk2G {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.MW8BSd {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 2.6rem;
    display: flex;
    position: relative
}

.MW8BSd .WlsFfa {
    width: 100%;
    height: 100%;
    position: absolute
}

.MW8BSd .WlsFfa path {
    transition: stroke-dasharray .2s ease-in-out, stroke-width .2s ease-in-out
}

.MW8BSd .WlsFfa.dh3yMV {
    animation: 2s linear infinite zzWzRy
}

.MW8BSd .WlsFfa.dh3yMV.oxinC6 {
    animation-name: dCdoFX
}

.MW8BSd .B1nNH8 {
    color: var(--color-neutrals-on-primary);
    margin: 0;
    font-family: Shabnam;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8rem
}

@media screen and (min-width: 768px) {
    .MW8BSd {
        width: 3.6rem
    }
}

@keyframes jlT2Yh {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes _20kySW {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes EMWbFh {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes tlPWJj {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes eTnM6g {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes _K1vfr {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes JSQYRK {
    to {
        background-position: 23% 0
    }
}

@keyframes Q0V9bh {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes fUFqn3 {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes ceYphu {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.k9Bdsm {
    position: relative
}

.Yo0aAV {
    aspect-ratio: 1;
    border-radius: 50%;
    animation: 1s linear infinite jlT2Yh
}

.GtZ7ob {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.vYSM1K {
    cursor: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative
}

.vYSM1K.jXPBO8 {
    cursor: pointer
}

.vYSM1K.jYLwzt {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.vYSM1K {
    position: relative
}

.S0bXUH {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: opacity .8s;
    display: none
}

.S0bXUH.jYLwzt {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.S0bXUH.HmLLHc {
    display: block
}

.S0bXUH.HmLLHc.CGLbgo {
    opacity: .3
}

.S0bXUH.HmLLHc.CGLbgo.szG1zj {
    opacity: 1
}

.SSBDeR {
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.SSBDeR.jYLwzt {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.SSBDeR p {
    color: var(--color-neutrals-on-primary);
    margin: -.2rem 0 0;
    font-weight: 500
}

.uXsvPZ {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.uXsvPZ > div {
    pointer-events: initial;
    cursor: pointer
}

.wKQCLb {
    background-color: var(--color-bubble-out-secondary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.WLNKJQ {
    width: inherit;
    height: inherit
}

.RCTa9I {
    background-color: var(--color-neutrals-n-00);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute
}

.RCTa9I:after {
    content: "";
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.RCTa9I.aZbhcR {
    bottom: 0;
    inset-inline-end: 0
}

.RCTa9I.aZbhcR:after {
    background-color: var(--color-neutrals-n-100)
}

.RCTa9I.yRM1Mi {
    bottom: 0;
    inset-inline-end: 0
}

.RCTa9I.yRM1Mi:after {
    background-color: var(--color-primary-p-50)
}

.RCTa9I.gl2AmU {
    top: 0;
    right: 0
}

.RCTa9I.gl2AmU:after {
    background-color: var(--color-error)
}

.XRIir3 {
    cursor: pointer;
    border: 3px solid transparent
}

.YJ4Yf_ {
    background: 0 0 !important
}

@keyframes jYf4My {
    0% {
        background-position: 0 14%
    }
    50% {
        background-position: 100% 87%
    }
    to {
        background-position: 0 14%
    }
}

.KpYTP6 {
    z-index: 1;
    border-radius: 50%;
    width: 37.5%;
    position: absolute;
    bottom: -2%;
    right: 5%
}

.GlgaxU {
    position: relative
}

.QL5OSO {
    box-sizing: content-box;
    background-color: var(--color-neutrals-n-40);
    border-radius: 50%;
    position: absolute
}

.o7RF9A {
    margin: 2px
}

.cA17uR {
    justify-content: center;
    align-items: center;
    display: flex
}

._kiI7V {
    -webkit-mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat;
    mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat
}

.ApXb5l {
    flex-direction: column;
    display: flex
}

.LxFCHd {
    background-color: var(--color-neutrals-surface);
    box-shadow: var(--option-modal-shadow-2);
    z-index: 1;
    border-radius: 10px;
    width: max-content;
    min-width: 198px;
    margin: 0;
    padding: 4px;
    list-style: none;
    overflow: hidden
}

.h6YGrJ {
    cursor: pointer;
    align-items: center;
    width: 100%;
    padding: 12px;
    display: flex
}

.h6YGrJ.rVslCB {
    background-color: var(--color-primary-p-5015);
    border: 1px solid var(--color-primary-p-50);
    border-radius: 10px
}

.h6YGrJ {
    border-radius: 8px
}

.h6YGrJ:hover {
    background-color: var(--color-neutrals-n-20)
}

.h6YGrJ.gfRjPC {
    color: var(--dark-100);
    cursor: unset
}

.h6YGrJ.gfRjPC:hover {
    background-color: unset
}

.Qf9wLo, .FKvjuH {
    width: 24px;
    height: 24px;
    margin-inline-end: 12px
}

.YPxpUY {
    color: var(--color-neutrals-n-400);
    flex: 1;
    width: max-content;
    margin: 0;
    margin-inline-end: .6rem;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px
}

.rVslCB .YPxpUY {
    color: var(--color-primary-p-50)
}

.Wumdkx {
    cursor: pointer;
    border-top: 1px solid var(--color-bubble-in-third);
    border-bottom-right-radius: inherit;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    display: flex
}

.Wumdkx.U8i6Zg:hover {
    background-color: var(--color-neutrals-n-30)
}

.Wumdkx.NVazKQ {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: unset
}

.Wumdkx.NVazKQ:hover {
    background-color: var(--color-bubble-out-third)
}

.pgw_Jt {
    align-items: center;
    gap: 6px;
    display: flex
}

.u0t3ay {
    color: var(--color-bubble-low-text);
    white-space: nowrap;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem
}

.m0iN1R {
    align-items: center;
    gap: 4px;
    display: flex
}

.T8z7t2 {
    width: 24px;
    height: 24px
}

.Fq9Aym {
    padding-inline-start: 8px
}

.cbimGf {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    display: flex
}

.cbimGf .gHKWVR {
    -webkit-mask-position: 50%;
    mask-position: 50%;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
}

@keyframes YyVOgE {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes RXYEg4 {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes xA1636 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes XCmwEI {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes dFaUwn {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes dp6i3Q {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes _dlUgJ {
    to {
        background-position: 23% 0
    }
}

@keyframes MQJyoB {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes Tjgi9a {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes rMVzA6 {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.XPdt5p {
    transform-origin: 50%;
    animation: .75s step-end infinite rMVzA6
}

.YCD3iO {
    white-space: pre;
    display: inline-flex
}

.YCD3iO[dir=rtl] {
    flex-direction: row-reverse
}

.bbknkG {
    position: relative
}

@keyframes hInnjb {
    0% {
        opacity: 1;
        transform: none
    }
    to {
        opacity: 0;
        transform: perspective(10px) translateY(10px) rotateX(-30deg)
    }
}

@keyframes AixM0m {
    0% {
        opacity: 0;
        transform: perspective(10px) translateY(-10px) rotateX(30deg)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.memcpW {
    white-space: pre;
    visibility: hidden
}

.YVNRn7 {
    animation: .2s ease-out forwards hInnjb;
    position: absolute;
    top: 0;
    left: 0
}

.DwNhTB {
    animation: .2s ease-out forwards AixM0m;
    position: absolute;
    top: 0;
    left: 0
}

.zE8ceq {
    flex-direction: column;
    align-items: center;
    padding: 20px 10px 0;
    display: flex
}

.VDOlAf {
    color: var(--color-neutrals-n-500);
    text-align: center;
    font-size: 16px;
    font-weight: 700
}

.OSHkkT {
    color: var(--color-neutrals-n-500);
    text-align: center;
    font-size: 15px
}

.CvZEN3 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    font-size: 15px;
    font-weight: bolder
}

.jZW0Tn {
    background-color: var(--color-neutrals-n-00);
    border-radius: 1.5rem;
    max-width: 336px;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .jZW0Tn {
        max-width: 376px
    }
}

.U9a9TI {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    justify-content: space-between;
    align-items: center;
    padding: 1.6rem;
    display: flex
}

.VtDf_0 {
    cursor: pointer;
    position: absolute
}

.Y9C8y_ {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    display: flex;
    width: 100% !important
}

.EsIiAW {
    color: var(--color-neutrals-n-500);
    text-align: center;
    flex: 1;
    margin: 0;
    font-family: Shabnam;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.UFmLlW {
    flex-direction: column;
    align-items: center;
    display: flex
}

.LK3JI1 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    padding: 0 1.2rem;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    margin: 1.5rem 0 !important
}

.MK3d2R {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.2rem .6rem;
    display: flex
}

.MK3d2R.oS3OAC {
    display: none
}

.jVOKbD {
    flex: 1;
    width: auto;
    margin: 0 6px;
    min-width: 150px !important
}

.jVOKbD.f4IzBs {
    width: 100%
}

.HMaaOP {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-bubble-in-secondary);
    align-items: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 12px;
    font-weight: 500;
    display: flex;
    overflow: hidden
}

.HMaaOP.TBsElr {
    color: var(--color-bubble-out-secondary)
}

.HMaaOP .FLL4EZ {
    flex-shrink: 0;
    margin-inline-end: 1px
}

.AdaNtg {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    min-width: 100%;
    max-width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    overflow: hidden;
    color: var(--color-bubble-low-text) !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.AdaNtg p, .AdaNtg span {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    margin: 0;
    overflow: hidden
}

.AdaNtg .emoji {
    width: 13px !important;
    height: 13px !important
}

.xyjqq7 {
    background: 0 0;
    position: relative
}

.xyjqq7.yr2gl0 {
    background-image: linear-gradient(rgba(80, 80, 80, .63), rgba(12, 12, 12, .624))
}

.xyjqq7 .HL5T77 {
    object-fit: cover;
    filter: blur(10px);
    width: 100%;
    height: 100%;
    display: block;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.xyjqq7 .HL5T77.oIIHYW {
    filter: none
}

.oM0ygu {
    align-items: center;
    width: 30px;
    height: 30px;
    margin-inline-start: 8px;
    display: flex;
    position: relative
}

.oM0ygu .hkXRqm {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: var(--color-neutrals-n-500);
    top: 50%;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    position: absolute;
    inset-inline-end: 50%
}

.oM0ygu .XzNPQc {
    border-radius: 5px;
    overflow: hidden
}

.sve2qY {
    cursor: pointer;
    flex: 1;
    align-items: center;
    margin-bottom: 1.2rem;
    display: flex
}

.sve2qY span.O16Blw {
    width: .7em;
    height: .7em
}

.sve2qY .PByDrf {
    flex: 1;
    margin-inline-start: 8px;
    overflow: hidden
}

.sve2qY .w0kg19 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    margin-bottom: 2px;
    font-family: Shabnam;
    font-size: 12px
}

.sve2qY .g7J2CD {
    align-items: center;
    display: flex
}

.sve2qY .g7J2CD .dbv958 {
    color: var(--color-bubble-low-text);
    margin: 0;
    margin-inline-start: 6px;
    font-family: Shabnam;
    font-size: 13px;
    line-height: 13px
}

.sve2qY ._TqGEY {
    border-radius: 5px;
    width: 28px;
    height: 28px;
    margin-inline-start: 8px
}

.sve2qY .KTnCQR {
    align-items: center;
    margin-inline-start: 7px;
    display: flex
}

.evBpbi {
    background-color: var(--color-neutrals-n-500);
    border-radius: 4px;
    align-items: center;
    width: 32px;
    height: 32px;
    margin-inline-start: 8px;
    display: flex;
    overflow: hidden
}

.Y19Q9G {
    width: 100%
}

.CzIAR9 {
    border-radius: 5px;
    overflow: hidden
}

.h0ksl3 {
    cursor: pointer;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    display: flex
}

.Oh0n5T {
    background-color: var(--color-neutrals-n-20);
    z-index: 1;
    -webkit-user-select: text;
    user-select: text;
    border-radius: 1.5rem;
    margin: 0 .6rem;
    position: relative
}

.Oh0n5T > * {
    -webkit-user-select: none;
    user-select: none
}

.Oh0n5T.UfD_bO {
    background-color: var(--color-bubble-out-primary);
    border-bottom-right-radius: 0
}

.Oh0n5T.UfD_bO > .uJ1syV {
    right: -6px;
    left: unset
}

.Oh0n5T:not(.UfD_bO) {
    border-bottom-left-radius: 0
}

.Oh0n5T .I50gbi {
    filter: drop-shadow(0 1px 3px rgba(9, 30, 66, .16))
}

.Oh0n5T .uJ1syV {
    z-index: -10;
    position: absolute;
    bottom: 0;
    left: -6px
}

.uE2h5R {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    overflow: hidden
}

.GA8dei {
    flex-direction: column;
    flex: 1;
    align-items: center;
    width: 100%;
    margin-top: 24px;
    padding: 0 12px;
    display: flex
}

@media screen and (min-width: 768px) {
    .GA8dei {
        margin-top: 8.4rem
    }
}

.rMciMQ {
    background-color: rgba(var(--color-neutrals-n-20-rgb), .9);
    direction: rtl;
    border-radius: 14px;
    flex-direction: column;
    width: 100%;
    max-width: 436px;
    display: flex
}

.Xs_jJP {
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    display: flex
}

.o4EbRu {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    white-space: pre-wrap !important;
    text-align: center !important;
    margin-top: 16px !important
}

.jLOBNy {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    text-align: center !important;
    margin-top: 20px !important
}

.Kv48KH {
    text-align: center;
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    color: var(--color-primary-p-50) !important;
    margin-top: 16px !important
}

.oIC2Jl {
    object-fit: contain;
    width: 76px;
    height: 76px
}

.ykp28T {
    background-color: var(--color-neutrals-n-400);
    border-radius: 50%;
    width: 6px;
    height: 6px;
    margin-left: 6px
}

.oXlRDL {
    background-color: var(--color-neutrals-n-30);
    width: 100%;
    height: 1px;
    margin-bottom: 16px
}

.UmTY_A {
    cursor: pointer;
    border-top: 1px solid var(--color-neutrals-n-40);
    direction: rtl;
    align-items: center;
    margin: 0 -1.2rem;
    padding: 12px 24px;
    display: flex
}

.PDrNaR {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    color: var(--color-primary-p-50) !important;
    margin: 0 8px 0 auto !important
}

.fgmVZh {
    padding: 0 12px 12px
}

.gLEqTs {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem;
    color: var(--color-fixed-neutrals-n-400) !important
}

.d0QOmH {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--color-fixed-neutrals-n-400) !important
}

.W41N_p {
    align-items: center;
    margin-top: 8px;
    display: flex
}

.rZmPFS {
    width: 100%;
    padding-block: 8px 1px;
    padding-inline: 12px
}

.OXYB0v {
    align-items: center;
    column-gap: 2px;
    margin-bottom: 8px;
    display: flex
}

.OXYB0v .kLqdhR {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden
}

.OXYB0v .fkz9Z2 {
    color: var(--color-bubble-low-text);
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: rgba(var(--color-neutrals-n-100-rgb), .12);
    border-radius: 100px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0;
    padding-inline: 8px;
    font-family: Shabnam;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
    overflow: hidden
}

.NjQfiR {
    gap: 8px;
    margin-inline-end: 4rem;
    display: flex
}

.Vd_Xk_ {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.g9ggDS {
    cursor: pointer
}

.thQXms {
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    margin: 2px 0 5px;
    display: flex
}

.thQXms .YLyIFc {
    color: var(--color-neutrals-n-200);
    margin: 0;
    font-family: Shabnam;
    font-size: 11px;
    font-weight: 400;
    line-height: 19px
}

.thQXms .zb7KIb {
    margin: 0
}

.thQXms .zb7KIb p {
    line-height: unset
}

.jAlHgs {
    border: 1px solid var(--color-neutrals-on-primary);
    background-color: var(--color-neutrals-n-20);
    border-radius: 15px;
    justify-content: center;
    align-items: center;
    min-width: 35px;
    height: 18px;
    display: flex;
    position: absolute;
    bottom: -9px
}

.jAlHgs.yuSfW1 {
    background-color: var(--color-bubble-out-primary)
}

.jAlHgs > .Blt248 {
    justify-content: stretch;
    align-items: flex-start;
    width: 3rem;
    height: 3rem;
    margin: -.5rem;
    display: flex
}

.jAlHgs .YbX5xG {
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    margin-left: 3px
}

.jAlHgs .R_xXnm {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 11px;
    line-height: 19px
}

.NZyGek {
    justify-content: flex-end;
    align-items: center;
    height: 10px;
    display: flex
}

.NZyGek .S6fyPQ {
    color: var(--color-bubble-low-text);
    z-index: 1;
    margin: 0;
    font-family: Shabnam;
    font-size: 11px;
    line-height: 10px;
    position: absolute;
    bottom: 0;
    margin-inline-start: 3px !important;
    margin-bottom: 3px;
    left: 10px;
}

.NZyGek .t9HINB {
    min-width: unset;
    border: none;
    border-radius: 0;
    position: static;
    background: 0 0 !important
}

.NZyGek .GnR3w0 {
    color: var(--color-bubble-low-text);
    z-index: 1;
    margin: 0;
    font-family: Shabnam;
    font-size: 10px;
    line-height: 10px;
    margin-inline-end: 10px !important
}

.NZyGek .dMWzbe {
    direction: ltr;
    align-items: center;
    gap: 2px;
    margin-left: 10px;
    display: flex
}

.NZyGek .dMWzbe .q8otxq {
    color: var(--color-bubble-low-text);
    margin: 0;
    font-family: Shabnam;
    font-size: 12px;
    line-height: 20px
}

.NZyGek .fokTZc {
    margin-inline-end: 2px
}

.NZyGek.Yn5ea6 {
    margin: 2px 0 6px
}

.NZyGek.LkXesw {
    background-color: var(--color-bubble-background-icon);
    border-radius: 1rem;
    padding: .4rem .8rem;
    position: absolute;
    bottom: 8px;
    left: 8px;
    height: 16px !important
}

.NZyGek.LkXesw p {
    color: var(--color-neutrals-on-primary) !important
}

.NZyGek .ezEVhH {
    color: var(--color-bubble-low-text);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.uLASAv {
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-right: 3px;
    display: flex
}

.WwJ6fZ {
    justify-content: center;
    align-items: center;
    gap: .1rem;
    margin-inline: 4px;
    display: flex
}

.WwJ6fZ svg {
    margin-inline-start: 2px
}

.WwJ6fZ .OBBSIW {
    color: var(--color-bubble-low-text);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.UJJhAQ {
    cursor: pointer;
    align-items: center;
    gap: 2px;
    height: 100%;
    margin-inline: 8px;
    display: flex
}

._WgxwY {
    color: var(--color-bubble-low-text);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.aDCIRZ {
    overflow: hidden
}

.aDCIRZ .N94SSI {
    flex-flow: unset;
    text-wrap: nowrap;
    border-top: 1px solid var(--color-neutrals-n-30);
    flex-direction: row-reverse;
    flex-shrink: 0;
    align-items: center;
    padding: 8px 12px;
    display: none;
    overflow-x: scroll
}

.aDCIRZ .N94SSI.Rkt0Iy {
    max-height: 53px;
    display: flex
}

.aDCIRZ .N94SSI.Rkt0Iy > :first-child {
    margin-inline-end: auto
}

.aDCIRZ .N94SSI::-webkit-scrollbar {
    display: none
}

.EGVqd6 {
    height: 100%;
    padding-block-end: 50px;
    padding-inline: 0
}

@media screen and (min-width: 576px) {
    .EGVqd6 {
        padding-inline: 12px
    }
}

.Y4gMtf {
    height: calc(100% - 102px)
}

.Bhx9g5 {
    background-color: var(--color-neutrals-n-10);
    flex-flow: wrap;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    width: 100%;
    padding: 12px 12px 0;
    display: flex
}

@media screen and (min-width: 768px) {
    .Bhx9g5 {
        padding: 8px 32px
    }
}

.ujDkZz {
    background-color: var(--color-neutrals-n-10);
    outline: 1px solid var(--color-neutrals-n-30);
    outline-offset: -1px;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 100px;
    justify-content: space-between;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    padding: 6px 12px;
    display: flex
}

.ujDkZz:hover {
    background-color: var(--color-neutrals-n-20)
}

.ujDkZz.WUPitC {
    padding-block: 6px;
    padding-inline: 6px 12px
}

.ujDkZz.GWIhCP {
    background-color: var(--color-neutrals-n-00);
    outline: 2px solid var(--color-primary-p-50);
    outline-offset: -2px
}

.ujDkZz.NEuWZ5 {
    cursor: pointer
}

.wIYsiZ {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem
}

.I93GJT {
    box-sizing: content-box;
    flex-shrink: 0;
    margin-inline-end: 4px;
    padding: 2px
}

.QMh5Fs {
    box-sizing: content-box;
    cursor: pointer;
    flex-shrink: 0;
    padding-inline-start: 10px
}

.YU_BcR {
    cursor: auto !important;
    margin-inline-end: 6px !important
}

.hZBE0E, .hZBE0E .awiulL {
    width: 100%
}

.lmp7g7 {
    resize: none;
    height: 22px;
    color: var(--color-neutrals-n-500);
    text-align: start;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    padding-left: 12px;
    overflow: auto
}

.lmp7g7::placeholder {
    color: var(--color-neutrals-n-200)
}

.MJft7v {
    position: relative
}

.MJft7v .rW9kCA {
    box-shadow: none
}

.UGolMC {
    background-color: var(--color-neutrals-n-10);
    flex-direction: row;
    align-items: center;
    width: 100%;
    padding-block-start: 12px;
    padding-inline: 12px;
    display: flex;
    position: relative
}

.gGtdNG {
    color: var(--color-neutrals-on-primary);
    background-color: var(--color-primary-p-50);
    border: 2px solid var(--color-neutrals-n-10);
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 22px;
    height: 22px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem;
    display: flex;
    position: absolute;
    bottom: -5px;
    right: -3px
}

.BXzXRs {
    box-shadow: var(--modal-shadow);
    cursor: pointer;
    white-space: nowrap;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    padding: 16px;
    display: flex
}

.BXzXRs.MP1wNu {
    background-color: var(--color-primary-p-50)
}

@media screen and (min-width: 768px) {
    .BXzXRs.MP1wNu:not(.zqIved):hover {
        background: linear-gradient(0deg, var(--color-primary-ripple) 0%, var(--color-primary-ripple) 100%), var(--color-primary-p-50)
    }
}

.BXzXRs.tgGcch {
    background-color: var(--color-neutrals-surface)
}

@media screen and (min-width: 768px) {
    .BXzXRs.tgGcch:not(.zqIved):hover {
        background: linear-gradient(0deg, var(--color-ripple) 0%, var(--color-ripple) 100%), var(--color-neutrals-surface)
    }
}

.BXzXRs.RD47nz {
    padding: 10px
}

.BXzXRs.zqIved {
    padding: 12px 16px
}

.UorLub {
    color: var(--color-neutrals-n-500);
    -webkit-user-select: none;
    user-select: none;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem
}

.UorLub.Yz2wig {
    color: var(--color-neutrals-on-primary)
}

.UorLub.jAL7bR {
    color: var(--color-primary-p-50)
}

.e_UgRN {
    flex: 1;
    padding-inline: 0;
    overflow: hidden
}

@media screen and (min-width: 576px) {
    .e_UgRN {
        padding-inline: 12px
    }
}

.i5ps74 {
    height: 100px
}

.QygS5W {
    padding: 8px 12px
}

@media screen and (min-width: 576px) {
    .QygS5W {
        padding-inline: 24px
    }
}

.MdR0fI {
    height: 100%
}

.SnKi8x {
    background-color: var(--color-neutrals-n-00);
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex
}

.SnKi8x .LWUSqH {
    height: 100%
}

._LIR0k {
    border: 1px solid var(--color-neutrals-n-50);
    box-sizing: border-box;
    border-radius: 10px;
    align-items: center;
    column-gap: 8px;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    display: flex
}

._LIR0k > svg {
    cursor: pointer;
    flex-shrink: 0
}

._LIR0k:focus-within {
    border: 2px solid var(--color-primary-p-40);
    padding-inline: 11px
}

.e8AzTv {
    color: var(--color-neutrals-n-500);
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: block
}

.e8AzTv::-webkit-search-decoration {
    display: none !important
}

.e8AzTv::placeholder {
    color: var(--color-neutrals-n-200)
}

.e8AzTv[type=search]::-webkit-search-decoration {
    display: none
}

.e8AzTv[type=search]::-webkit-search-cancel-button {
    display: none
}

.e8AzTv[type=search]::-webkit-search-results-button {
    display: none
}

.e8AzTv[type=search]::-webkit-search-results-decoration {
    display: none
}

@keyframes HQ3bhB {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.a1OOC2 {
    animation: .75s step-end infinite HQ3bhB;
    cursor: default !important
}

.aqFHpt {
    z-index: 1;
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    padding-block-start: 4px;
    display: flex
}

.aqFHpt.S2B6_D {
    padding-block-start: 2px
}

.YTDHQX {
    white-space: nowrap;
    flex: 1;
    align-items: center;
    gap: 4px;
    display: flex;
    overflow: hidden
}

.YTDHQX.LOxVMl {
    display: block
}

.YTDHQX p {
    text-overflow: ellipsis;
    overflow: hidden
}

.YTDHQX p span.RqNbJi {
    width: .8em;
    height: .8em
}

.YTDHQX p span.R4sPY6 {
    color: var(--color-error)
}

.YTDHQX .uT9LU7 {
    color: var(--color-neutrals-n-200) !important;
    -webkit-user-select: none !important;
    user-select: none !important
}

.YTDHQX .uT9LU7.moDqeg {
    color: var(--color-primary-p-50) !important
}

.YTDHQX .uT9LU7.FAEnux {
    color: var(--color-link) !important
}

.YTDHQX .uT9LU7.B8Rw07 {
    color: var(--color-neutrals-n-500) !important
}

.YTDHQX .BH6mKY {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--color-neutrals-n-200) !important
}

.YTDHQX .BH6mKY.EZO61h {
    color: var(--color-error) !important
}

.YTDHQX .gETjr7 {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    max-height: 2.2rem;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.YTDHQX .gETjr7.sfVX0P {
    overflow: hidden
}

.YTDHQX .gETjr7 p {
    margin: 0 !important
}

.YTDHQX .gETjr7 pre {
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    overflow: hidden
}

.WNzo3g {
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    display: flex
}

.Cp_fz6 {
    align-items: center;
    gap: 4px;
    padding-inline-start: 12px;
    display: flex
}

.KcLshG {
    background-color: var(--color-primary-p-50);
    border-radius: 50%;
    align-items: center;
    padding: 5px;
    display: flex
}

.uDI5E4 {
    background-color: var(--color-error);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 24px;
    min-height: 24px;
    padding: 2px;
    display: flex
}

.weUxB2 {
    background-color: var(--color-primary-p-50);
    border-radius: 50%;
    width: 16px;
    height: 16px
}

.weUxB2.wdVEpk {
    background-color: var(--color-neutrals-n-50)
}

.fJRJNC {
    margin-inline-end: .6rem
}

@keyframes _KjQLX {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes QS2Y3G {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes hCizK2 {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes KRifme {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes GI_kYF {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes nmYLjd {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes CWTgVu {
    to {
        background-position: 23% 0
    }
}

@keyframes jl1Qv2 {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes SYfoRa {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes LlKXj8 {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.v9ImqQ {
    z-index: 10;
    display: none;
    position: fixed;
    inset: 0
}

@media screen and (min-width: 768px) {
    .v9ImqQ {
        display: initial
    }
}

.v9ImqQ.pJiR8u {
    display: initial
}

@keyframes POEzGS {
    0% {
        opacity: 0;
        scale: 0
    }
    to {
        opacity: 1;
        scale: 1
    }
}

@keyframes mZTQbM {
    0% {
        opacity: 1;
        scale: 1
    }
    to {
        opacity: 0;
        scale: 0
    }
}

.FLW3e5 {
    z-index: 11;
    transition: opacity .2s cubic-bezier(.2, 0, .2, 1), transform .2s cubic-bezier(.2, 0, .2, 1);
    position: fixed
}

.SYbpps:not(.vOpnzZ).U3rRQQ {
    animation: .2s forwards mZTQbM
}

.SYbpps:not(.vOpnzZ).PRigsZ {
    animation: .2s forwards POEzGS
}

.JRfX20 {
    opacity: 0;
    scale: 0
}

._gRD_1 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    list-style: none
}

.nFuKxq, .Zxn4a2 {
    color: var(--color-link);
    cursor: pointer
}

.nFuKxq {
    -webkit-text-decoration: underline solid var(--color-link);
    -webkit-text-decoration: underline solid var(--color-link);
    text-decoration: underline solid var(--color-link);
    text-underline-offset: 4px
}

.Zxn4a2 {
    color: var(--color-link);
    padding-inline-start: 4px
}

.NQfYf0 {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    background-color: var(--color-neutrals-surface);
    border-radius: 14px 14px 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 12px;
    width: 100%;
    min-height: 60px;
    padding: 18px 10px;
    display: flex
}

.NQfYf0.bX5DIB, .NQfYf0._AdY76 {
    padding-block: 24px 16px;
    padding-inline: 12px
}

.NQfYf0._AdY76 {
    padding-block-start: 28px
}

@media screen and (min-width: 768px) {
    .NQfYf0 {
        padding: 10px 16px
    }

    .NQfYf0.bX5DIB, .NQfYf0._AdY76 {
        padding-block: 24px 16px;
        padding-inline: 24px
    }

    .NQfYf0._AdY76 {
        padding-block-start: 28px
    }
}

.to6Lvd {
    color: var(--color-neutrals-n-500);
    text-align: center;
    flex: 1;
    align-items: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: flex
}

.RbjQoB {
    justify-content: center;
    align-items: center;
    column-gap: 8px;
    display: flex
}

.rECZRF {
    background-color: var(--color-neutrals-surface);
    border-radius: 14px;
    width: 336px;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

@media screen and (min-width: 768px) {
    .rECZRF {
        width: 376px
    }
}

.rECZRF .RPJj4s {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0
}

.rECZRF .qD5q0k {
    position: absolute;
    bottom: -7px;
    left: 0;
    right: 0;
    transform: rotate(180deg)
}

.aTuR5m {
    border-radius: 0
}

.NLt7YN {
    flex-direction: column;
    align-items: center;
    padding-inline: 12px;
    display: flex
}

@media screen and (min-width: 992px) {
    .NLt7YN {
        padding-inline: 24px
    }
}

.jshZk2 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    padding-block: 16px;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px
}

@media screen and (min-width: 992px) {
    .jshZk2 {
        padding-block: 12px 4px
    }
}

.NXfMhw {
    flex-direction: column;
    align-items: center;
    width: 100%;
    display: flex
}

.oE9Nz6 {
    justify-content: space-between;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    padding: 12px;
    display: flex
}

.oE9Nz6.FedSNm {
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    row-gap: 12px
}

@media screen and (min-width: 992px) {
    .oE9Nz6 {
        padding: 24px;
        padding-block-start: 12px
    }
}

.oE9Nz6 .DmKLzF {
    flex: 1;
    width: auto
}

.FoeNVu {
    background-color: var(--color-neutrals-n-00);
    width: 100%;
    height: 100%;
    display: flex;
    position: relative
}

.Y633VF {
    border-radius: 14px;
    width: 100%;
    height: 100%
}

.ornjoT {
    border-radius: 0
}

.Rf6pDC {
    background-color: var(--color-neutrals-n-00);
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute
}

.wZNjz7 {
    border-radius: 0;
    height: 100%;
    transition: height .3s ease-in-out, max-height .3s ease-in-out
}

@media screen and (min-width: 768px) {
    .wZNjz7 {
        border-radius: 14px;
        height: 100%;
        max-height: min(100%, 688px);
        width: 444px !important
    }
}

.ONc71m {
    height: 100%;
    padding-block-end: env(safe-area-inset-bottom);
    transition: opacity .3s ease-in-out, height .3s ease-in-out;
    position: relative;
    max-height: unset !important;
    overflow-y: hidden !important
}

.IAzsYT {
    z-index: 4;
    padding-block-end: 0 !important
}

.DDJfJL {
    display: none
}

@media screen and (min-width: 768px) {
    .oP5D3E {
        max-width: 1440px;
        height: 100%;
        max-height: 1024px;
        width: 100% !important;
        transform: unset !important
    }
}

.ZwHmyc {
    z-index: -10 !important
}

.CXOCk0 {
    color: var(--color-link);
    cursor: pointer
}

.Cel8Ye {
    -webkit-backdrop-filter: blur(8px);
    z-index: 4;
    background-color: rgba(0, 0, 0, .4);
    width: 100vw;
    height: 100vh;
    animation: .2s ease-out BYSKVd;
    position: fixed;
    inset: 0
}

@supports not ((-webkit-backdrop-filter:blur(8px)) or (backdrop-filter:blur(8px))) {
    .Cel8Ye {
        background-color: rgba(0, 0, 0, .6)
    }
}

@keyframes BYSKVd {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

._vnzZI .ONc71m {
    animation: .4s cubic-bezier(.4, 0, .2, 1) forwards IRKENs;
    opacity: 1 !important;
    height: 100% !important;
    max-height: unset !important;
    transform: scaleY(1) !important
}

.mRzQDJ .ONc71m {
    animation: .4s cubic-bezier(.4, 0, .2, 1) forwards uF8PX3;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    transform: scaleY(0) !important
}

@keyframes IRKENs {
    0% {
        opacity: 1;
        height: 100%;
        max-height: unset;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        height: 0;
        max-height: 0;
        transform: scaleY(0)
    }
}

@keyframes uF8PX3 {
    0% {
        opacity: 0;
        height: 0;
        max-height: 0;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        height: 100%;
        max-height: unset;
        transform: scaleY(1)
    }
}

.VRIMFL {
    height: calc(55px + env(safe-area-inset-bottom));
    z-index: 3;
    box-shadow: none;
    transition: height .3s ease-in-out;
    position: fixed;
    inset: auto 0 0;
    transform: none
}

.VRIMFL .ONc71m {
    opacity: 0;
    pointer-events: none;
    height: 0;
    max-height: 0;
    overflow: hidden
}

.VRIMFL .DDJfJL {
    border-radius: 14px 14px 0 0;
    align-items: center;
    height: 60px;
    display: flex;
    background-color: var(--color-neutrals-n-30) !important
}

@media screen and (min-width: 768px) {
    .VRIMFL {
        height: auto;
        max-height: none;
        transform: initial;
        z-index: auto;
        position: relative;
        inset: auto
    }

    .VRIMFL .ONc71m {
        display: block
    }

    .VRIMFL .DDJfJL {
        height: auto
    }
}

.NwlnBX {
    z-index: 3;
    padding: 0;
    transition: height .3s ease-in-out;
    position: fixed;
    inset: auto 0 0
}

@media screen and (min-width: 768px) {
    .NwlnBX {
        z-index: auto;
        height: auto;
        max-height: none;
        padding: auto;
        position: relative;
        inset: auto
    }
}

.kqdiqB {
    color: var(--color-neutrals-n-500)
}

.Zr8hL6 {
    z-index: 1;
    align-self: center;
    margin-inline-start: 14px !important
}

.AAAQ9c {
    direction: inherit;
    margin-inline-end: 10px !important
}

.leIg9r {
    border-radius: 8px !important;
    padding: 6px 8px !important
}

.qHFpb6 {
    cursor: pointer;
    background-color: transparent;
    align-items: flex-start;
    width: 100%;
    height: 7.4rem;
    display: flex;
    position: relative
}

.qHFpb6.HVr3oM {
    cursor: unset
}

.qHFpb6.HVr3oM:hover, .qHFpb6.Ef_GDn:hover {
    background-color: unset
}

.qHFpb6.F3Dobv {
    background-color: var(--color-neutrals-n-10)
}

@media screen and (min-width: 768px) {
    .qHFpb6.ZeVYWL, .qHFpb6:hover {
        background-color: var(--color-neutrals-n-20)
    }

    .qHFpb6.IRzoCT, .qHFpb6.IRzoCT.ZeVYWL, .qHFpb6.IRzoCT:hover {
        background-color: rgba(var(--color-primary-p-50-rgb), .15)
    }
}

.qHFpb6.IRzoCT {
    cursor: "default"
}

.ufNF4A {
    padding: 12px
}

.YgUC8J {
    flex: 1;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    display: flex;
    overflow: hidden
}

.YgUC8J.I2osyO {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    margin-bottom: -1px
}

.z8DuPl {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    padding-block: 12px;
    padding-inline-end: 12px;
    display: flex;
    overflow: hidden
}

.gIG8uu {
    width: 3.6rem;
    color: var(--color-neutrals-n-500);
    justify-content: center;
    align-items: center;
    height: 100%;
    margin: 0;
    padding-inline-start: 12px;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.P_9YM7 {
    color: var(--color-neutrals-on-primary);
    cursor: pointer;
    border: 1.5px solid var(--color-neutrals-n-300);
    background-color: transparent;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 22.5px;
    display: flex;
    overflow: hidden
}

.P_9YM7.kVdtIC {
    align-items: initial
}

.P_9YM7.fFv2Ol {
    background: var(--color-primary-p-50)
}

.P_9YM7.fFv2Ol.WUfKVf {
    background: var(--color-neutrals-n-30)
}

.P_9YM7.fFv2Ol {
    border: none
}

.P_9YM7.WUfKVf {
    border-color: var(--color-neutrals-n-30);
    cursor: default
}

.XtZMBM {
    width: 20px;
    padding: 4px
}

.rPpZWP {
    justify-content: space-between;
    align-items: flex-end;
    gap: 12px;
    width: 100%;
    display: flex
}

.gw_0GR {
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    display: flex;
    overflow: hidden
}

.oUKPfP {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: right;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    overflow: hidden
}

.oUKPfP._wiFT6 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.YEZzed {
    color: var(--color-neutrals-n-200);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

.qSMZBR {
    flex-shrink: 0
}

.SerggL {
    margin-inline-end: 4px
}

.WYDuFh {
    gap: 6px;
    padding-block: 10px;
    padding-inline: 6px 12px
}

.ZNaCjJ {
    width: 100%
}

.taDlgO {
    background-color: var(--color-neutrals-n-10);
    border-bottom: 1px solid var(--color-neutrals-n-30);
    flex-shrink: 0;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 56px;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px) {
    .taDlgO {
        padding: 10px 12px
    }
}

@media screen and (max-width: 768px) {
    .taDlgO {
        padding: 4px 10px
    }
}

.ena1M8 {
    gap: 12px
}

.GX6t5c {
    z-index: 1;
    justify-content: center;
    align-items: center;
    display: flex
}

.DXQ8qX {
    z-index: 0;
    width: 100%;
    color: var(--color-neutrals-n-500);
    justify-content: center;
    align-items: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.XEGSqa {
    z-index: 1;
    width: 100%
}

.YykW8r {
    position: initial;
    border-radius: none;
    background-color: transparent;
    border: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    display: flex
}

.GMoqJb {
    cursor: pointer;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.anWA5J {
    z-index: 9;
    width: 100%;
    height: 100%;
    max-height: calc(var(--vh, 1vh) * 100);
    justify-content: center;
    align-items: center;
    display: flex;
    position: fixed;
    inset: 0
}

.anWA5J.mLzDWz {
    height: calc(var(--vh, 1vh) * 100)
}

.anWA5J.YHyfQN {
    transition: opacity .1s ease-in-out
}

.anWA5J {
    opacity: 1
}

.anWA5J.L6pSUf {
    align-self: flex-start;
    width: 100%;
    height: 100%
}

@media screen and (min-width: 768px) {
    .anWA5J.L6pSUf {
        align-self: center
    }
}

.anWA5J .ReactModal__Overlay {
    opacity: 1 !important
}

._7dt5CU {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

@media screen and (min-width: 768px) {
    ._7dt5CU {
        display: initial;
        width: auto;
        height: auto
    }
}

@keyframes Adp6G_ {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes mfoCFo {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes dR6tEB {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes JzVHF0 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes yR0H7b {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes ekS5Ub {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes cYD70C {
    to {
        background-position: 23% 0
    }
}

@keyframes wacApS {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes XKVPCQ {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes nt_MiY {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.RVyRKy {
    align-items: center;
    display: flex
}

.RVyRKy .VTsLJE {
    min-width: 50px;
    margin-block: 1.2rem;
    margin-inline: 1.2rem 1rem
}

.RVyRKy .S1Fpza {
    border-bottom: 2px solid var(--color-neutrals-n-20);
    flex-direction: column;
    width: 100%;
    padding-block: 1.2rem;
    padding-inline: 0 1.2rem;
    display: flex
}

.RVyRKy .S1Fpza .tMbggP {
    border-radius: 12px;
    height: 1.6rem;
    animation: none
}

.RVyRKy .S1Fpza .zJ2eOI {
    justify-content: space-between;
    display: flex
}

.RVyRKy .S1Fpza .zJ2eOI .STXIqs {
    border-radius: 50%;
    width: 1.6rem;
    min-width: 1.6rem;
    height: 1.6rem;
    margin-inline-start: 40px
}

.VTsLJE {
    border-radius: 50%;
    width: 50px;
    height: 50px
}

.tMbggP {
    border-radius: 12px;
    height: 1.6rem
}

._9atNQ {
    background: var(--color-neutrals-n-40);
    height: 1em;
    display: block;
    position: relative;
    overflow: hidden
}

._9atNQ:before {
    content: "";
    background: linear-gradient(90deg, transparent 0%, var(--color-neutrals-n-20) 50%, transparent 100%);
    animation: 2s cubic-bezier(.4, 0, .2, 1) infinite wacApS;
    display: block;
    position: absolute;
    inset: 0
}

.r9_IG1 {
    flex: 1;
    overflow: hidden
}

.r9_IG1::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.r9_IG1::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 15px
}

.r9_IG1::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

.r9_IG1::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.u9GeM6 {
    will-change: transform;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1);
    transform: translateY(-74px)
}

.u9GeM6.BPwHgT {
    transform: translateY(0)
}

@media screen and (min-width: 768px) {
    .Exd_aa {
        max-width: 384px;
        max-height: 380px
    }
}

.u25afP {
    border: 1px solid var(--color-primary-p-50);
    height: 48px;
    color: var(--color-primary-p-50);
    border-radius: 10px;
    width: 162px !important
}

.dRm2rL {
    cursor: pointer;
    border: 2px solid var(--color-neutrals-n-300);
    background-color: transparent;
    border-radius: 50%;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    padding: .2rem;
    transition: border .25s;
    display: flex
}

.dRm2rL .lrT2xV {
    background-color: var(--color-primary-p-50);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    transition: all .25s linear
}

.dRm2rL.XhVdoi {
    border-color: var(--color-primary-p-50)
}

.dRm2rL.weTO_d {
    border-color: var(--color-neutrals-n-30) !important
}

.dRm2rL.weTO_d .lrT2xV {
    background-color: var(--color-neutrals-n-30) !important
}

.osHIJc {
    text-align: start;
    cursor: pointer;
    background-color: var(--color-neutrals-n-00);
    border-bottom: 1px solid var(--color-neutrals-n-30);
    -webkit-user-select: none;
    user-select: none;
    align-items: flex-start;
    column-gap: 12px;
    padding: 16px 12px;
    display: flex
}

.osHIJc.XVzRWa {
    border-bottom: none
}

.osHIJc.t7m64t {
    padding-inline: 32px
}

.osHIJc svg {
    flex-shrink: 0
}

@media screen and (min-width: 768px) {
    .osHIJc:hover {
        background-color: var(--color-neutrals-n-20)
    }
}

.POEiCv {
    cursor: pointer;
    flex-direction: column;
    row-gap: 4px;
    width: 100%;
    display: flex
}

.a_yvsJ {
    justify-content: space-between;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    display: flex
}

.spkWy7 {
    padding: 2px
}

.B0w5tA {
    color: var(--color-neutrals-n-500);
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
    gap: 12px;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.O6TJY5 {
    color: var(--color-neutrals-n-300);
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
    justify-content: flex-end;
    align-items: center;
    column-gap: 4px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.O6TJY5 .xVA9eO {
    justify-content: space-between;
    min-width: 100px
}

.iHU1fM {
    color: var(--color-neutrals-n-200);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem
}

.Gqkta_ {
    align-self: center;
    column-gap: 12px;
    display: flex
}

.Gqkta_ .UBk5ft {
    background-color: var(--color-neutrals-n-30);
    width: 2px;
    height: 24px
}

.D8H7sy {
    color: var(--color-neutrals-n-100);
    cursor: auto
}

.D8H7sy:hover {
    background-color: unset
}

.D8H7sy * {
    color: var(--color-neutrals-n-100);
    cursor: auto
}

.pwS_W9 {
    cursor: pointer;
    background-color: var(--color-neutrals-n-50);
    direction: ltr;
    border-radius: 100px;
    align-items: center;
    width: 41px;
    height: 24px;
    padding: 2px;
    transition: all .2s ease-in-out;
    display: flex
}

.pwS_W9.M8aynp {
    background-color: var(--color-primary-p-50)
}

.pwS_W9.M8aynp .rf6YwN {
    transform: translate(17px)
}

.pwS_W9.M8aynp .rf6YwN svg, .pwS_W9.zmqh5f .rf6YwN svg {
    opacity: 1
}

.pwS_W9.cp74BW {
    background-color: var(--color-neutrals-n-30)
}

.pwS_W9.cp74BW.M8aynp {
    background-color: var(--color-ripple)
}

.rf6YwN {
    background-color: var(--color-neutrals-on-primary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    transition: transform .2s ease-in-out;
    display: flex;
    transform: translate(0);
    box-shadow: 0 3px 2px rgba(9, 11, 15, .05)
}

.rf6YwN svg {
    opacity: 0;
    transition: opactiy .2s ease-in-out
}

.r4LDJC {
    overflow: hidden
}

.r4LDJC .OUZw21 {
    max-width: unset;
    box-sizing: border-box;
    margin-block-start: 20px;
    padding-inline: 12px
}

@media screen and (min-width: 576px) {
    .r4LDJC .OUZw21 {
        padding-inline: 24px
    }
}

.tODmXd {
    height: calc(100% - 170px);
    overflow: hidden auto
}

.yonM9k {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 2px;
    height: 50px;
    display: flex
}

.FVYaKI {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    overflow: hidden
}

.VXSb8L {
    height: 24px;
    color: var(--color-neutrals-n-500);
    align-items: center;
    gap: 8px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex
}

.QrJ8gB {
    padding-inline: 12px
}

.O_QRuq {
    gap: 8px;
    display: flex
}

._2SSrg3 {
    z-index: 1;
    margin-inline-start: 6px
}

@keyframes dD5KWl {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes m5aLS_ {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes PUSjpZ {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes Tb0nSn {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes _niO1S {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes kQaREX {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes aTUBZj {
    to {
        background-position: 23% 0
    }
}

@keyframes D3QjUX {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes hdfUTT {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes pkmOcY {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.BcIfBv, .Mlve5a, .Yj5wp_, .iWLdCd {
    color: var(--color-neutrals-n-500);
    align-items: flex-start;
    margin: 0;
    padding-block-start: 4px;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex
}

.BcIfBv svg, .Mlve5a svg, .Yj5wp_ svg, .iWLdCd svg {
    flex-shrink: 0;
    margin-inline-end: 4px
}

.BcIfBv p, .Mlve5a p, .Yj5wp_ p, .iWLdCd p {
    margin: 0
}

.BcIfBv, .Mlve5a, .Yj5wp_, .iWLdCd {
    width: 100%
}

.BcIfBv * {
    color: var(--color-neutrals-n-300);
    font-weight: 300
}

.Mlve5a * {
    color: var(--color-error)
}

.Yj5wp_ p {
    color: var(--color-success)
}

.iWLdCd p {
    color: var(--color-neutrals-n-300)
}

.iWLdCd .aBMrvZ {
    animation: .75s step-end infinite pkmOcY
}

.RyZMwx {
    width: 100%;
    max-width: 380px;
    display: inline-block
}

.RyZMwx.rJXE_N {
    -webkit-user-select: none;
    user-select: none
}

.RyZMwx.rJXE_N .hz8pxw {
    border-color: var(--color-neutrals-n-30);
    pointer-events: none;
    border-width: 2px
}

.RyZMwx.rJXE_N .BiH935, .RyZMwx.rJXE_N .feL0h7 {
    color: var(--color-neutrals-n-100)
}

.RyZMwx.rJXE_N .sJWlId, .RyZMwx.rJXE_N .MNTKM2, .RyZMwx.rJXE_N .v077po {
    opacity: .4
}

.hz8pxw {
    box-sizing: border-box;
    border: 1px solid var(--color-neutrals-n-50);
    border-radius: 14px;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    display: flex;
    position: relative
}

.hz8pxw p, .hz8pxw label {
    color: var(--color-neutrals-n-300)
}

.hz8pxw p:disabled, .hz8pxw label:disabled {
    color: var(--color-neutrals-n-50)
}

.hz8pxw.LDYSnZ {
    border-color: var(--color-primary-p-50)
}

.hz8pxw.UQ4W6j {
    border-color: var(--color-error)
}

.hz8pxw.UQ4W6j .nTm7Rt, .hz8pxw.UQ4W6j .GWtsGW {
    caret-color: var(--color-error)
}

.hz8pxw.ANw1RK {
    border-color: var(--color-success)
}

.hz8pxw.ANw1RK .nTm7Rt, .hz8pxw.ANw1RK .GWtsGW {
    caret-color: var(--color-success)
}

.hz8pxw.K4ELxk {
    border-color: var(--color-primary-p-50)
}

.hz8pxw.K4ELxk .nTm7Rt, .hz8pxw.K4ELxk .GWtsGW {
    caret-color: var(--color-primary-p-50)
}

.hz8pxw.LDYSnZ, .hz8pxw.UQ4W6j, .hz8pxw.ANw1RK, .hz8pxw.K4ELxk {
    border-width: 2px;
    padding-block: 14px;
    padding-inline: 15px
}

.hz8pxw.LDYSnZ .BiH935, .hz8pxw.UQ4W6j .BiH935, .hz8pxw.ANw1RK .BiH935, .hz8pxw.K4ELxk .BiH935 {
    padding-bottom: 1px
}

.hxxIh4 {
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 12px;
    margin-block-start: 4px;
    display: flex
}

.EzDxdI .hxxIh4, .EzDxdI .hxxIh4 * {
    background-color: transparent !important
}

.oQ6XXu {
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden
}

.feL0h7 {
    color: var(--color-neutrals-n-300);
    text-align: left;
    margin: 0;
    padding-top: 4px;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.BiH935 {
    color: var(--color-neutrals-n-300);
    -webkit-user-select: none;
    user-select: none;
    text-align: initial;
    margin: 0;
    padding: 0 8px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2px
}

.nTm7Rt {
    color: var(--color-neutrals-n-500);
    width: 100%;
    min-height: 24px;
    caret-color: var(--color-primary-p-50);
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.nTm7Rt::placeholder {
    color: var(--color-neutrals-n-100)
}

.nTm7Rt {
    resize: none;
    width: 100%;
    max-width: 100%;
    padding-inline-end: 8px
}

.nTm7Rt:disabled {
    color: var(--color-neutrals-n-40)
}

.GWtsGW {
    color: var(--color-neutrals-n-500);
    width: 100%;
    min-height: 24px;
    caret-color: var(--color-primary-p-50);
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.GWtsGW::placeholder {
    color: var(--color-neutrals-n-100)
}

.GWtsGW:-webkit-autofill {
    -webkit-text-fill-color: var(--color-neutrals-n-500)
}

.GWtsGW:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-neutrals-n-500)
}

.GWtsGW:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-neutrals-n-500)
}

.GWtsGW:-webkit-autofill:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.GWtsGW:-webkit-autofill:hover:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.GWtsGW:-webkit-autofill:focus:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.GWtsGW:-webkit-autofill {
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.GWtsGW:-webkit-autofill:hover {
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.GWtsGW:-webkit-autofill:focus {
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.GWtsGW:disabled {
    color: var(--color-neutrals-n-40)
}

.htIrfp {
    box-sizing: border-box;
    column-gap: 8px;
    width: 100%;
    display: flex
}

.sJWlId {
    flex-direction: column;
    row-gap: 4px;
    display: flex
}

.xO69Ls {
    width: 100%;
    max-width: 380px;
    display: inline-block
}

.xO69Ls.VeWr5k {
    -webkit-user-select: none;
    user-select: none
}

.xO69Ls.VeWr5k .Qzcy34 {
    border-color: var(--color-neutrals-n-30);
    pointer-events: none;
    border-width: 2px
}

.xO69Ls.VeWr5k .ELwX7O, .xO69Ls.VeWr5k .p6awrO {
    color: var(--color-neutrals-n-100)
}

.xO69Ls.VeWr5k .KFDy6e, .xO69Ls.VeWr5k .AxUFwb, .xO69Ls.VeWr5k .VW9Blt {
    opacity: .4
}

.Qzcy34 {
    box-sizing: border-box;
    border: 1px solid var(--color-neutrals-n-50);
    border-radius: 14px;
    width: 100%;
    margin: 0;
    padding: 15px 16px;
    display: flex;
    position: relative
}

.Qzcy34 p, .Qzcy34 label {
    color: var(--color-neutrals-n-300)
}

.Qzcy34 p:disabled, .Qzcy34 label:disabled {
    color: var(--color-neutrals-n-50)
}

.Qzcy34.A5LBYH {
    border-color: var(--color-primary-p-50)
}

.Qzcy34.XIiPjo {
    border-color: var(--color-error)
}

.Qzcy34.XIiPjo .QWNskX, .Qzcy34.XIiPjo .Li3xai {
    caret-color: var(--color-error)
}

.Qzcy34.KBTbYO {
    border-color: var(--color-success)
}

.Qzcy34.KBTbYO .QWNskX, .Qzcy34.KBTbYO .Li3xai {
    caret-color: var(--color-success)
}

.Qzcy34.XPPdIN {
    border-color: var(--color-primary-p-50)
}

.Qzcy34.XPPdIN .QWNskX, .Qzcy34.XPPdIN .Li3xai {
    caret-color: var(--color-primary-p-50)
}

.Qzcy34.A5LBYH, .Qzcy34.XIiPjo, .Qzcy34.KBTbYO, .Qzcy34.XPPdIN {
    border-width: 2px;
    padding-block: 14px;
    padding-inline: 15px
}

.Qzcy34.A5LBYH .ELwX7O, .Qzcy34.XIiPjo .ELwX7O, .Qzcy34.KBTbYO .ELwX7O, .Qzcy34.XPPdIN .ELwX7O {
    padding-bottom: 1px
}

.LEaDIT {
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 12px;
    margin-block-start: 4px;
    display: flex
}

.I0BAme .LEaDIT, .I0BAme .LEaDIT * {
    background-color: transparent !important
}

.ioqO5r {
    align-items: center;
    width: 100%;
    display: flex;
    overflow: hidden
}

.p6awrO {
    color: var(--color-neutrals-n-300);
    text-align: left;
    margin: 0;
    padding-top: 4px;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.ELwX7O {
    color: var(--color-neutrals-n-300);
    -webkit-user-select: none;
    user-select: none;
    text-align: initial;
    margin: 0;
    padding: 0 8px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 0
}

.QWNskX {
    color: var(--color-neutrals-n-500);
    width: 100%;
    min-height: 24px;
    caret-color: var(--color-primary-p-50);
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.QWNskX::placeholder {
    color: var(--color-neutrals-n-100)
}

.QWNskX {
    resize: none;
    width: 100%;
    max-width: 100%;
    padding-inline-end: 8px
}

.QWNskX:disabled {
    color: var(--color-neutrals-n-40)
}

.Li3xai {
    color: var(--color-neutrals-n-500);
    width: 100%;
    min-height: 24px;
    caret-color: var(--color-primary-p-50);
    margin: 0;
    background-color: transparent;
    border: none;
    outline: none;
    flex-grow: 1;
    margin: 0;
    padding: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.Li3xai::placeholder {
    color: var(--color-neutrals-n-100)
}

.Li3xai:-webkit-autofill {
    -webkit-text-fill-color: var(--color-neutrals-n-500);
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.Li3xai:-webkit-autofill:hover {
    -webkit-text-fill-color: var(--color-neutrals-n-500);
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.Li3xai:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--color-neutrals-n-500);
    transition: background-color unset;
    -webkit-box-shadow: inset 0 0 0 1000px #fff
}

.Li3xai:-webkit-autofill:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.Li3xai:-webkit-autofill:hover:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.Li3xai:-webkit-autofill:focus:disabled {
    -webkit-text-fill-color: var(--color-neutrals-n-40)
}

.Li3xai:disabled {
    color: var(--color-neutrals-n-40)
}

.r0EnE3 {
    box-sizing: border-box;
    column-gap: 8px;
    width: 100%;
    display: flex
}

.KFDy6e {
    flex-direction: column;
    row-gap: 4px;
    display: flex
}

.RecmWh {
    justify-content: space-between;
    align-items: center;
    column-gap: 12px;
    display: flex
}

.XOU3Qq {
    background-color: var(--color-neutrals-n-30);
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    height: 16px;
    display: flex
}

.wHx1TT {
    border: 1px solid var(--color-neutrals-n-30);
    width: 100%
}

.wHx1TT.P7ftck {
    border-style: dashed
}

.TrlIVJ {
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    width: 100%;
    display: flex
}

.TrlIVJ:before, .TrlIVJ:after {
    content: "";
    border-top: 1px solid var(--color-neutrals-n-30);
    align-self: center;
    width: 100%
}

.TrlIVJ:before {
    margin-inline-end: 12px
}

.TrlIVJ:after {
    margin-inline-start: 12px
}

.TrlIVJ.P7ftck:before, .TrlIVJ.P7ftck:after {
    border-top-style: dashed
}

@media screen and (min-width: 768px) {
    .NiHMBI {
        max-width: 384px;
        max-height: 380px
    }
}

.fLArcg {
    border: 1px solid var(--color-primary-p-50);
    height: 48px;
    color: var(--color-primary-p-50);
    border-radius: 10px;
    width: 100% !important
}

.zXdC9K {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 2px;
    height: 50px;
    display: flex
}

.BksFwn {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.uf7CJU {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    padding-inline: 24px
}

.PJs9Km {
    background-color: var(--color-neutrals-n-20);
    -webkit-user-select: none;
    user-select: none;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding-inline-start: 12px;
    display: flex
}

.PJs9Km.rxG0Bj {
    padding: 8px 12px
}

.WYAu7V {
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-width: 0;
    display: flex
}

.WYAu7V.gWF7Bm {
    align-items: flex-start
}

.WYAu7V .x8sWm9 {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    width: max-content;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2rem
}

.WYAu7V .x8sWm9.vrwJBq {
    line-height: 2rem !important
}

.WYAu7V .x8sWm9.EsBAEx {
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
    flex: auto;
    width: auto;
    min-width: 0;
    max-width: 100%;
    margin-block: 4px;
    display: block
}

.WYAu7V .pX4afX {
    cursor: pointer
}

.Jj7ixl {
    cursor: pointer;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    min-width: max-content;
    padding-inline-end: 12px;
    display: flex
}

.Jj7ixl.fSZXWC {
    padding-block: 6px
}

.Jj7ixl._Jys2S {
    padding-block: 8px
}

.Jj7ixl.qWPHYP {
    padding-block: unset;
    gap: 4px;
    height: 4rem;
    padding-inline-end: 16px
}

._5O7Ss {
    color: var(--color-neutrals-n-400);
    width: max-content;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem
}

._5O7Ss.WIoDPv {
    color: var(--color-neutrals-n-300);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem
}

.vjnrBw {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    padding: 0 24px;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    margin: 16px 0 !important
}

.Qz6Zju {
    overflow-y: auto
}

.EC4DnY {
    flex-direction: column;
    justify-content: center;
    align-items: start;
    gap: 2px;
    height: 50px;
    display: flex
}

.UtM_Ld {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.VGhUB_ {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.vGUJdk {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    padding-inline: 24px
}

.TI55kP {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    gap: 6px;
    padding-inline: 16px
}

.d1b9x3 {
    z-index: 1
}

.gmc_0S {
    width: 100%;
    max-width: 400px;
    height: 246px
}

.KTwPFW {
    color: var(--color-neutrals-n-500);
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
    -webkit-user-select: text !important;
    user-select: text !important
}

.KTwPFW pre {
    word-break: break-word;
    direction: ltr;
    margin: 0;
    font-family: inherit;
    overflow-x: scroll
}

@media screen and (min-width: 768px) {
    .KTwPFW pre::-webkit-scrollbar {
        background-color: transparent;
        height: 6px
    }

    .KTwPFW pre::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 15px
    }

    .KTwPFW pre::-webkit-scrollbar-thumb:horizontal {
        min-height: 6px
    }
}

.KTwPFW {
    --link-colors: var(--color-link)
}

.KTwPFW.kY2mcf {
    --link-colors: var(--color-fixed-link)
}

.KTwPFW .mention, .KTwPFW .link, .KTwPFW .hashtag, .KTwPFW .email, .KTwPFW .moretext {
    cursor: pointer;
    color: var(--link-colors)
}

.KTwPFW .moretext {
    margin-block: 0
}

.KTwPFW .checklist-item {
    gap: .75rem;
    list-style: none;
    display: flex
}

.KTwPFW .checklist-item:not(:last-child) {
    padding-bottom: .5rem
}

.KTwPFW .custom-checkbox {
    cursor: pointer;
    background-color: transparent;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 2rem;
    height: 2rem;
    line-height: 22.5px;
    display: flex
}

.KTwPFW .custom-checkbox .checkbox {
    opacity: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    position: absolute
}

.KTwPFW .checkbox-box {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    border: 1.5px solid #5e6c84;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 16px;
    display: flex
}

.KTwPFW .custom-checkbox .checkbox:checked + .checkbox-box {
    color: #fff;
    cursor: pointer;
    background-color: #00b894;
    border: none
}

.DZJJ42 {
    color: var(--color-neutrals-n-500);
    white-space: pre-wrap;
    word-break: break-word;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    margin: 8px !important
}

.DZJJ42 p {
    margin: 0 !important
}

.J4YCyY {
    padding-bottom: 16px
}

.J4YCyY a {
    color: var(--color-primary-p-50)
}

.J4YCyY {
    width: 100%
}

.mfKtPc {
    color: var(--color-neutrals-n-300);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem
}

.VWbzKJ {
    flex-shrink: 0;
    margin-inline-start: 5px
}

.jgjWFK {
    cursor: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative
}

.jgjWFK.FBkyEW {
    cursor: pointer
}

.jgjWFK.H0cuu4 {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.jgjWFK {
    position: relative
}

.XR5iAp {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: opacity .8s;
    display: none
}

.XR5iAp.H0cuu4 {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.XR5iAp.ohWxRE {
    display: block
}

.XR5iAp.ohWxRE.G2QABt {
    opacity: .3
}

.XR5iAp.ohWxRE.G2QABt.z0jRPR {
    opacity: 1
}

.UAOSaG {
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.UAOSaG.H0cuu4 {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.UAOSaG p {
    color: var(--color-neutrals-on-primary);
    margin: -.2rem 0 0;
    font-weight: 500
}

.brYmPp {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.brYmPp > div {
    pointer-events: initial;
    cursor: pointer
}

._1vEHB {
    background-color: var(--color-bubble-out-secondary);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.jcaN_q {
    width: inherit;
    height: inherit
}

.CfY91E {
    background-color: var(--color-neutrals-n-00);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute
}

.CfY91E:after {
    content: "";
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.CfY91E.wWqIY5 {
    bottom: 0;
    inset-inline-end: 0
}

.CfY91E.wWqIY5:after {
    background-color: var(--color-neutrals-n-100)
}

.CfY91E.Wfcn3f {
    bottom: 0;
    inset-inline-end: 0
}

.CfY91E.Wfcn3f:after {
    background-color: var(--color-primary-p-50)
}

.CfY91E.Gf7ka_ {
    top: 0;
    right: 0
}

.CfY91E.Gf7ka_:after {
    background-color: var(--color-error)
}

.LlUa6w {
    cursor: pointer;
    border: 3px solid transparent
}

.ZB9DJr {
    background: 0 0 !important
}

@keyframes vmsC7T {
    0% {
        background-position: 0 14%
    }
    50% {
        background-position: 100% 87%
    }
    to {
        background-position: 0 14%
    }
}

.bjTCyt {
    z-index: 1;
    border-radius: 50%;
    width: 37.5%;
    position: absolute;
    bottom: -2%;
    right: 5%
}

.SUQAku {
    position: relative
}

.JxlfBn {
    box-sizing: content-box;
    background-color: var(--color-neutrals-n-40);
    border-radius: 50%;
    position: absolute
}

.fZx9CK {
    margin: 2px
}

.A44qs9 {
    justify-content: center;
    align-items: center;
    display: flex
}

.aQ2P_F {
    -webkit-mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat;
    mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat
}

.Ov39k_ {
    cursor: pointer;
    background-color: var(--color-bubble-background-icon);
    aspect-ratio: 1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.Ov39k_.BVGBLo {
    width: 3rem
}

.Ov39k_.BVGBLo .b79OuM, .b79OuM {
    width: 1.8rem
}

@media screen and (min-width: 768px) {
    .b79OuM {
        width: 2.4rem
    }
}

.riaX3p {
    width: 4.4rem;
    height: 4.4rem
}

.riaX3p .b79OuM {
    width: 2.4rem
}

.ZwzhR8 {
    cursor: auto;
    flex-shrink: 0;
    margin: 0;
    position: relative
}

.ZwzhR8.FBkyEW {
    cursor: pointer
}

.ZwzhR8 {
    background-color: var(--color-neutrals-n-10);
    padding: 16px 12px;
    align-items: center;
    column-gap: 16px;
    padding-block-end: 28px;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px) {
    .ZwzhR8 {
        padding: 20px 32px
    }
}

.n6nuPi {
    cursor: pointer;
    flex-direction: column;
    gap: 8px;
    display: flex;
    overflow: hidden
}

.unOuPx {
    color: var(--color-neutrals-n-300);
    direction: ltr;
    font-size: 13px
}

.FRLf4y {
    width: 100%;
    overflow: hidden
}

.I0c50N {
    position: relative
}

._fv2c8 {
    border: 1.5px solid var(--color-neutrals-n-00);
    background: var(--color-primary-p-50);
    cursor: pointer;
    border-radius: 30px;
    padding: 6px;
    display: inline-flex;
    position: absolute;
    bottom: 0;
    right: 0
}

.kSqtzD {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem;
    overflow: hidden
}

.BHJZrd {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--color-neutrals-n-300) !important
}

.SMYgE9 {
    align-items: center;
    display: flex
}

.qUNO5r {
    padding: 12px 1.2rem;
    padding-block-end: 16px 1.6rem
}

@media screen and (min-width: 768px) {
    .qUNO5r {
        padding-block: 12px 16px;
        padding-inline: 32px 3.2rem
    }
}

.S1BAdS {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    padding: 0 1.2rem;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem;
    margin: 1.5rem 0 !important
}

.OFpRu9 {
    color: var(--color-primary-p-50);
    text-underline-offset: 6px;
    cursor: pointer;
    text-align: center;
    text-wrap: wrap;
    word-break: break-all;
    direction: ltr;
    padding: 0 1.2rem;
    text-decoration: underline
}

.sESVtT {
    margin-top: 12px
}

._CSW3O {
    border: 1px solid var(--color-neutrals-n-40);
    background-color: var(--color-neutrals-n-10);
    border-radius: 14px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 104px;
    height: 180px;
    padding: 8px;
    display: flex
}

._CSW3O .rUr3sX {
    margin-top: 4px
}

._CSW3O .QFwAYD {
    width: 100%;
    margin-top: auto
}

._CSW3O .NItGi2 {
    border: 1px solid transparent
}

._CSW3O .jNVMFN {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    display: flex
}

._CSW3O .jNVMFN p, ._CSW3O .agY_dN {
    width: 100%;
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    text-align: center;
    -webkit-box-orient: vertical;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: -webkit-box;
    overflow: hidden;
    text-wrap: wrap !important
}

._CSW3O .jNVMFN p {
    color: var(--color-neutrals-n-500);
    width: max-content;
    margin-top: 8px
}

._CSW3O .jNVMFN .aFTNAh {
    flex-shrink: 0
}

._CSW3O .agY_dN {
    color: var(--color-neutrals-n-200)
}

.wvNsBH {
    border-bottom: 1.5px solid var(--color-neutrals-n-30);
    flex: 1;
    justify-content: flex-start;
    gap: 4px;
    width: 100%;
    margin-inline-start: 1.2rem;
    padding-block: .8rem;
    padding-inline: 0 1.2rem;
    display: flex;
    overflow: hidden
}

.wvNsBH .IFLuX8 {
    flex-direction: column;
    justify-content: space-around;
    display: flex
}

.TpSUq6 {
    justify-content: center;
    align-items: center;
    gap: 4px;
    display: flex
}

.pLr4Vr {
    cursor: auto;
    flex-shrink: 0;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 0;
    position: relative
}

.pLr4Vr.sHcYld {
    cursor: pointer
}

.pLr4Vr {
    font-family: Roboto, Shabnam
}

.pLr4Vr.cfiwtJ {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.pLr4Vr {
    position: relative
}

.i1ssG3 {
    object-fit: cover;
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: opacity .8s;
    display: none
}

.i1ssG3.cfiwtJ {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.i1ssG3.XvjWnA {
    display: block
}

.i1ssG3.XvjWnA.PlNMmR {
    opacity: .3
}

.i1ssG3.XvjWnA.PlNMmR._okUUA {
    opacity: 1
}

.N5ck6R {
    cursor: pointer;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.N5ck6R.cfiwtJ {
    border: 2px solid var(--color-primary-p-50);
    border-radius: 50%
}

.N5ck6R p {
    color: var(--color-neutrals-on-primary);
    margin: 0;
    font-weight: 500
}

.w1zfb_ {
    pointer-events: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    top: 0;
    left: 0
}

.w1zfb_ > div {
    pointer-events: initial;
    cursor: pointer
}

.Wz3nO1 {
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.Dp2f1p {
    background-color: var(--color-neutrals-n-00);
    border-radius: 50%;
    width: 12px;
    height: 12px;
    position: absolute
}

.Dp2f1p:after {
    content: "";
    border-radius: 50%;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.Dp2f1p.I9bN5C {
    bottom: 0;
    inset-inline-end: 0
}

.Dp2f1p.I9bN5C:after {
    background-color: var(--color-neutrals-n-100)
}

.Dp2f1p.VowZDj {
    bottom: 0;
    inset-inline-end: 0
}

.Dp2f1p.VowZDj:after {
    background-color: var(--color-primary-p-50)
}

.Dp2f1p.JGTkxs {
    top: 0;
    right: 0
}

.Dp2f1p.JGTkxs:after {
    background-color: var(--color-error)
}

.Tofrx1 {
    color: var(--color-neutrals-on-primary)
}

.oDEfOW {
    z-index: 1;
    border-radius: 50%;
    width: 37.5%;
    position: absolute;
    bottom: -2%;
    right: 5%
}

.J6R6Uc {
    box-sizing: content-box;
    background-color: var(--color-neutrals-n-40);
    cursor: pointer;
    border-radius: 50%;
    position: absolute
}

.n7wxZJ {
    margin: 2px
}

.jJkx10 {
    justify-content: center;
    align-items: center;
    display: flex
}

.p3Iw93 {
    -webkit-mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat;
    mask: url(/static/svg/crescent.b2f9eeca.svg) 50%/contain no-repeat
}

@keyframes FET87q {
    to {
        background-position: 23% 0
    }
}

.dThDzd {
    background: linear-gradient(90deg, var(--color-neutrals-n-20) 0%, var(--color-neutrals-n-40) 25%, var(--color-neutrals-n-20) 50%, var(--color-neutrals-n-40) 75%, var(--color-neutrals-n-20) 100%);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 400%;
    animation: 1.5s ease-in-out infinite FET87q
}

.dThDzd.GVHkeo {
    border-radius: 50%
}

.b5RdTR .I40z5M {
    justify-content: center;
    padding-inline: 4px;
    overflow: hidden
}

.i66_Hp {
    height: calc(100% - 170px);
    overflow: hidden auto
}

.CJDaPe {
    background-color: var(--color-neutrals-n-00);
    flex-direction: column;
    width: 100%;
    height: 100vh;
    display: flex
}

.CJDaPe .Wmu8bo {
    background-color: var(--color-primary-p-50);
    border-bottom: 1px solid var(--color-neutrals-n-30);
    z-index: 99;
    direction: rtl;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 60px;
    display: flex;
    position: sticky;
    top: 0
}

.CJDaPe .Wmu8bo p {
    color: var(--color-neutrals-on-primary);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.CJDaPe .I40z5M {
    padding: 16px;
    flex-direction: column;
    flex: 1;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding-bottom: 60px;
    display: flex;
    overflow-y: auto
}

.CJDaPe .I40z5M .NAfRub {
    box-sizing: border-box;
    width: 100%;
    color: var(--color-neutrals-n-500);
    grid-template-columns:1fr 1fr 1fr;
    gap: 16px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2rem;
    display: grid
}

.CJDaPe .I40z5M .Pqdlts {
    justify-content: start
}

.CJDaPe .I40z5M .xQV1IH {
    text-align: right;
    background-color: var(--color-neutrals-n-20);
    width: 100%;
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding: 8px 12px;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2rem
}

.CJDaPe .I40z5M .xQV1IH:first-of-type {
    margin-top: 0
}

.CJDaPe .HCzkTn {
    z-index: 100;
    background-color: var(--color-neutrals-n-00);
    border-top: 1px solid var(--color-neutrals-n-30);
    flex-direction: row;
    width: 100%;
    padding: 16px;
    display: flex;
    position: sticky;
    bottom: 0
}

.CJDaPe .HCzkTn p {
    color: var(--color-primary-p-50);
    text-align: center;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.K5VIyZ {
    justify-content: center;
    align-items: center;
    display: flex
}

.sfdW32 {
    color: var(--color-neutrals-n-500);
    margin: 0 !important
}

@media screen and (min-width: 768px) {
    .ascbv4 {
        padding-inline: 24px
    }
}

.LywDhx {
    flex-direction: column;
    display: flex;
    position: relative
}

.rP_Vvk {
    color: var(--color-neutrals-n-100);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.OJA73H {
    background-color: var(--color-neutrals-n-20);
    color: var(--color-neutrals-n-300);
    flex-direction: row;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 8px 16px;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex
}

@media screen and (min-width: 768px) {
    .OJA73H {
        padding: 16px 32px
    }
}

.fDaGV8 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding: 12px;
    font-family: Shabnam;
    font-size: 16px;
    line-height: 24px
}

@media screen and (min-width: 768px) {
    .fDaGV8 {
        padding-inline: 32px
    }
}

.rNUI00 {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto
}

.BJKmGp {
    border-top: 1px dashed var(--color-neutrals-n-30);
    color: var(--color-neutrals-n-500);
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 16px;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px) {
    .BJKmGp {
        padding-inline: 32px
    }
}

.vk041j {
    padding-block: 0;
    padding-inline: 22px 12px;
    list-style-position: inside
}

.vk041j li {
    margin-inline-start: 0;
    padding-inline-start: 0
}

@media screen and (min-width: 768px) {
    .vk041j {
        padding-inline: 42px 32px
    }
}

.qIVNDx {
    text-align: left;
    flex-direction: column;
    row-gap: 1.2rem;
    margin: 0;
    padding: 0;
    padding-block: 2.4rem;
    padding-inline: 2rem 1.2rem;
    list-style-position: outside;
    display: flex
}

.qIVNDx li {
    color: var(--color-neutrals-n-300);
    margin: 0;
    margin-inline-start: 1.4rem;
    padding-inline-start: .7rem;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem
}

.qIVNDx li::marker {
    font-size: 16px
}

@media screen and (min-width: 992px) {
    .qIVNDx {
        padding-inline-start: 3.6rem
    }
}

.JrE8Zf {
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding-inline: 12px;
    display: flex
}

.QCWHAf {
    width: 2.8rem
}

.wuZLqU {
    display: flex
}

.m7ePa6 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem
}

.dt7hmp {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.vaTT80 {
    background-color: var(--color-neutrals-n-20)
}

.VrB3N2 {
    background-color: var(--color-neutrals-n-00);
    cursor: pointer;
    padding: 0 16px
}

.VrB3N2:hover, .VrB3N2.V_bHhN {
    background-color: var(--color-neutrals-n-20)
}

.r44nF_ {
    flex-direction: column;
    width: 100%;
    max-width: 380px;
    display: flex;
    position: relative
}

.SBDd4T {
    cursor: pointer;
    min-width: 0
}

.PM9Cqm {
    box-sizing: border-box;
    height: 100%;
    color: var(--color-neutrals-n-500);
    justify-content: space-between;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex
}

.Td2GsM {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    display: flex
}

.CHBvKp {
    color: var(--color-neutrals-n-500);
    width: 100%;
    caret-color: var(--color-primary-p-50);
    background-color: transparent;
    border: none;
    outline: none;
    margin: 0;
    padding: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.CHBvKp::placeholder {
    color: var(--color-neutrals-n-100);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem
}

.CHBvKp.X3FWhh {
    display: none
}

.BLC383 {
    outline: none;
    transition-property: transform;
    transition-duration: .5s
}

.BLC383.xMK76F {
    transform: rotate(180deg)
}

.FCw9VK {
    box-shadow: var(--option-modal-shadow);
    z-index: 10;
    background-color: var(--color-neutrals-n-00);
    border-radius: 14px;
    flex-direction: column;
    width: 100%;
    max-height: 336px;
    margin-top: 8px;
    display: flex;
    position: absolute;
    top: 100%;
    overflow: hidden auto
}

.FCw9VK::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.FCw9VK::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 15px
}

.FCw9VK::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

.FCw9VK::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.kHwNpA {
    flex-direction: column;
    gap: 24px;
    padding: 12px;
    display: flex
}

@media screen and (min-width: 768px) {
    .kHwNpA {
        padding: 24px 32px
    }
}

.kHwNpA .K7wOI5 {
    color: var(--color-neutrals-n-300);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem
}

.kHwNpA .NiZqNF {
    flex-direction: column;
    align-items: center;
    gap: 12px;
    padding-block: 8px;
    display: flex
}

.yeNsVW {
    color: var(--color-neutrals-n-300);
    white-space: nowrap;
    align-items: center;
    column-gap: 8px;
    height: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.4rem;
    display: flex
}

.yeNsVW .kY_dh5 {
    background-color: var(--color-neutrals-n-100);
    width: 1px;
    height: 100%
}

.O0IKwl {
    align-items: center;
    display: flex
}

.ctSDmA {
    color: var(--color-neutrals-n-300);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-bottom: 12px;
    padding: 24px;
    display: flex
}

.ctSDmA .qrcyGq {
    display: inline;
    padding: 4px 8px !important
}

.ctSDmA ._GGGHM {
    color: var(--color-neutrals-n-300);
    text-align: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem
}

@media screen and (min-width: 768px) {
    .ctSDmA ._GGGHM {
        margin-block-start: 20px
    }
}

.ctSDmA ._GGGHM .HES76C {
    color: var(--color-primary-p-50)
}

.ctSDmA ._GGGHM .HES76C .UPAOTE {
    min-width: 22px;
    display: inline-block
}

.kh9kAx {
    flex-direction: column;
    row-gap: 4px;
    display: flex
}

.kh9kAx p {
    margin-block: 0
}

@media screen and (min-width: 768px) {
    .kh9kAx {
        row-gap: 24px
    }
}

.JFCICy {
    text-align: center;
    justify-content: center;
    align-items: center;
    column-gap: 4px;
    display: flex
}

.B3WAR1 {
    cursor: pointer;
    background-color: var(--color-bubble-background-icon);
    aspect-ratio: 1;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.B3WAR1.Pgb_Aa {
    width: 3rem
}

.B3WAR1.Pgb_Aa .BM1fiw, .BM1fiw {
    width: 1.8rem
}

@media screen and (min-width: 768px) {
    .BM1fiw {
        width: 2.4rem
    }
}

.wo_ANG {
    width: 4.4rem;
    height: 4.4rem
}

.wo_ANG .BM1fiw {
    width: 2.4rem
}

.ivqFHl {
    align-items: flex-start;
    column-gap: 8px;
    display: flex
}

.ivqFHl .l5yyPo {
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: -moz-fit-content;
    max-width: fit-content;
    overflow: hidden
}

.ivqFHl .ic3oCt {
    color: var(--color-neutrals-n-400);
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-available;
    white-space: nowrap;
    text-overflow: ellipsis;
    background-color: var(--color-neutrals-n-20);
    border-radius: 100px;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0;
    padding: 2px 8px;
    font-family: Shabnam;
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 2rem;
    overflow: hidden
}

.Pv0mVL {
    cursor: pointer;
    border: 1.5px solid var(--color-neutrals-n-300);
    background-color: transparent;
    border-radius: .5rem;
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex
}

.Pv0mVL.xnJGEE {
    background: var(--color-primary-p-50);
    border: none
}

.Pv0mVL.a4jyic {
    background: var(--color-neutrals-n-50)
}

.Pv0mVL.V2TTvp {
    border: 1.5px solid var(--color-neutrals-n-50);
    cursor: default
}

.PL_auk {
    width: 2rem;
    padding: 3px
}

.FNpfwm {
    background-color: var(--color-neutrals-n-20);
    border-radius: 100px;
    align-items: center;
    gap: .7rem;
    padding-inline-end: .6rem;
    display: flex
}

.FNpfwm > svg {
    cursor: pointer
}

.FNpfwm .G1rCCK {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 14px;
    line-height: 22px
}

.jAS_RZ {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: .9rem;
    margin-block: .8rem 1.2rem;
    margin-inline: 1.2rem;
    display: flex
}

@media screen and (min-width: 768px) {
    .jAS_RZ {
        margin-inline: 2.4rem
    }
}

.yXhCcz {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    line-height: 23px
}

.xPZ3Wj {
    flex-direction: column;
    display: flex
}

.X3yxf_ {
    border-bottom: 1px solid var(--color-neutrals-n-20);
    flex-direction: column;
    flex: 1;
    padding-block-start: 16px;
    display: flex
}

@media screen and (min-width: 768px) {
    .X3yxf_ {
        border: none;
        margin-bottom: 0
    }
}

.k5fA25 {
    flex-direction: column;
    gap: 16px;
    margin-inline: 12px;
    display: flex
}

@media screen and (min-width: 768px) {
    .k5fA25 {
        margin-inline: 24px
    }
}

.k5fA25 {
    padding-bottom: 12px
}

@media screen and (min-width: 768px) {
    .SDBWzw {
        overflow-y: overlay !important
    }
}

.gVhjVV {
    margin-inline: 12px
}

@media screen and (min-width: 768px) {
    .gVhjVV {
        margin-inline: 2.6rem
    }
}

.ZkqVjg {
    background-color: var(--color-neutrals-n-00);
    border-bottom: 1px solid var(--color-neutrals-n-30);
    justify-content: space-between;
    align-items: center;
    padding: 12px;
    display: flex
}

.lOWhJd {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 16px;
    line-height: 24px
}

.TuT4BU {
    color: var(--color-neutrals-n-300);
    margin: 0;
    margin-top: 4px;
    font-family: Shabnam;
    font-size: 14px;
    line-height: 22px
}

.OZYbiX {
    border-inline-start: 2px solid var(--color-neutrals-n-30);
    margin-inline-start: 16px;
    padding-inline-start: 16px
}

.lEURnm {
    padding: 0 .2rem
}

@media screen and (min-width: 576px) {
    .lEURnm {
        margin-left: .4rem;
        padding: .6rem
    }

    .lEURnm .zglzyv {
        width: 24px;
        height: 24px
    }
}

._5rPr0W {
    background-color: rgba(var(--color-primary-p-50-rgb), .08)
}

.kBkrho {
    flex-direction: column;
    flex: 1;
    justify-content: center;
    gap: 4px;
    min-height: 64px;
    margin-inline-start: 12px;
    padding: 12px 0;
    display: flex;
    overflow: hidden
}

.IhIVRP {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
    overflow: hidden
}

.AtSvwW {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--color-neutrals-n-200) !important
}

.AtSvwW._7bagq {
    color: var(--color-primary-p-50) !important
}

.vpC5g4 {
    align-items: center;
    padding-inline-end: 6px;
    display: flex
}

.qb1_1D {
    z-index: 1;
    flex-shrink: 0;
    min-width: 175px;
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.rSA1KW {
    cursor: pointer;
    border-bottom: 1px solid var(--color-neutrals-n-30);
    align-items: center;
    padding-inline-start: 1.2rem;
    display: flex
}

.rSA1KW:hover {
    background-color: rgba(var(--color-neutrals-n-50-rgb), .1)
}

.hGMZQf {
    color: var(--color-neutrals-n-500);
    flex-grow: 1;
    align-self: stretch;
    margin: 0;
    padding: 1.2rem 0 1.2rem 1.2rem;
    font-family: Shabnam;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: var(--color-neutrals-n-300) !important
}

.pMZvHY {
    margin-inline-end: .6rem
}

.yyAheo {
    background-color: var(--color-neutrals-n-20);
    text-align: center;
    color: var(--color-neutrals-n-200);
    border: 1px solid var(--color-neutrals-n-50);
    cursor: pointer;
    flex: 1;
    padding: 1rem 0 1.3rem;
    font-size: 1.6rem
}

.yyAheo.pl_6CP {
    color: var(--color-primary-p-50)
}

.hLb988 {
    margin: 0 .7rem;
    min-width: 150px !important
}

.vTwX2I {
    text-align: right;
    color: var(--color-neutrals-n-400);
    margin: 3.2rem 3.2rem 0;
    font-size: 1.8rem;
    font-weight: 500
}

.QmvATC {
    color: var(--color-neutrals-n-200);
    margin: .8rem 2.4rem 3rem;
    font-size: 1.4rem
}

.N2VXUy {
    direction: ltr;
    display: flex
}

.G0Guy4 {
    background-color: var(--color-neutrals-n-00);
    border-radius: 1.5rem;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.DEl342 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    flex: 1;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--color-neutrals-n-500) !important
}

.MRLsmq {
    background-color: var(--color-neutrals-n-10);
    direction: ltr;
    justify-content: space-between;
    align-items: center;
    padding: 8px 12px 8px 32px;
    display: flex
}

.MRLsmq.Qm6FBL {
    border-top: var(--color-neutrals-n-30);
    justify-content: center;
    padding: 8px 0
}

@media screen and (min-width: 768px) {
    .MRLsmq {
        padding: 1.2rem 3.2rem !important
    }

    .MRLsmq.Qm6FBL {
        padding: 1.2rem 0 !important
    }
}

.LNfWBz {
    color: var(--color-primary-p-50);
    cursor: pointer;
    margin: 0;
    padding: 9px 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.JNEJth {
    border-radius: 1.5rem;
    flex-grow: 1;
    width: 336px;
    max-height: 100%
}

.JNEJth.RLsuPy {
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    height: 100dvh
}

@media screen and (min-width: 768px) {
    .JNEJth, .JNEJth.RLsuPy {
        border-radius: 1.5rem;
        width: 570px;
        height: 645px;
        max-height: 85vh
    }
}

.TB9AIA {
    width: 384px
}

.z09okI {
    background-color: var(--color-neutrals-n-10)
}

.D3i4Om {
    margin-top: auto
}

.D3i4Om.JPGUua {
    justify-content: center
}

.SwMkC2 {
    top: 0;
    inset-inline-start: 0;
    padding: .6rem;
    bottom: 0;
    position: absolute !important
}

@media screen and (min-width: 576px) {
    .SwMkC2 {
        top: 1rem;
        inset-inline-start: 2.4rem;
        bottom: unset;
        padding: .6rem
    }
}

.Ji98SO {
    background-color: var(--color-neutrals-n-00);
    border-radius: 1.5rem;
    flex-direction: column;
    display: flex;
    overflow: hidden
}

.JI0ZRX {
    background-color: var(--color-neutrals-n-00);
    flex-direction: column;
    width: 100vw;
    padding: 0;
    display: flex;
    position: absolute;
    top: 0;
    bottom: 0;
    overflow-y: auto
}

@media screen and (min-width: 768px) {
    .JI0ZRX {
        border-radius: 14px;
        max-height: 85vh;
        position: static;
        width: 570px !important;
        height: 645px !important
    }

    .JI0ZRX::-webkit-scrollbar {
        background-color: transparent;
        width: 6px
    }

    .JI0ZRX::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .2);
        border-radius: 15px
    }

    .JI0ZRX::-webkit-scrollbar-thumb:vertical {
        min-height: 60px
    }

    .JI0ZRX::-webkit-scrollbar-thumb:horizontal {
        min-width: 60px
    }

    .JI0ZRX {
        -ms-overflow-style: none !important;
        scrollbar-width: none !important
    }

    .JI0ZRX::-webkit-scrollbar {
        display: none !important
    }
}

.LFH1Ab {
    background-color: var(--color-neutrals-n-10);
    box-shadow: var(--option-modal-shadow);
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    display: flex;
    position: relative
}

@media screen and (min-width: 768px) {
    .LFH1Ab {
        border-bottom: 1px solid var(--color-neutrals-n-10);
        box-shadow: none;
        padding-block: 16px;
        padding-inline: 32px 24px
    }

    .xvGzX9 {
        width: 384px !important
    }
}

.TmijQo {
    background-color: var(--color-neutrals-00);
    padding-block-end: 5.3rem;
    border-radius: 1.5rem;
    flex-direction: column;
    flex-grow: 1;
    padding-right: 0;
    display: flex;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 576px) {
    .TmijQo {
        padding-right: 1.4rem
    }
}

.djPQg9 {
    margin: 2.4rem 1rem;
    display: flex
}

.krpLDR .IkVXlO {
    min-height: 58px
}

.krpLDR .ou09Bd {
    margin-top: 4px !important
}

.nm8IU6 {
    background-color: var(--color-neutrals-n-00);
    box-shadow: 0 6px 12px 0 rgba(var(--color-neutrals-n-200-rgb), .2);
    border-radius: 10px
}

.nm8IU6.hU689z {
    border: 1px solid var(--color-neutrals-n-30);
    box-shadow: none
}

.nm8IU6 {
    z-index: 1;
    margin: 0;
    padding: 4px;
    list-style: none;
    overflow: hidden
}

@media screen and (min-width: 576px) {
    .nm8IU6 {
        transform: translate(100%)
    }

    .nm8IU6.xaK6iX {
        transform: none
    }
}

.TCsWhx {
    max-height: 316px;
    overflow-y: auto
}

.femLxH {
    align-items: center;
    padding: 6px 12px;
    display: flex
}

.femLxH .UKTo7p {
    flex-direction: column;
    flex: 1;
    gap: 8px;
    margin-inline-start: 8px;
    display: flex
}

.PoFW1Z {
    z-index: 1;
    justify-content: center;
    align-items: center;
    padding: 14px 10px;
    display: flex
}

@media screen and (min-width: 768px) {
    .PoFW1Z {
        padding: 20px 0
    }
}

.LpQXd8 {
    font-weight: 400
}

.zgPl5U {
    pointer-events: none
}

.EtvOBT {
    border: 2px solid var(--color-neutrals-n-10)
}

.NUgEKU {
    border-bottom: none !important
}

.uwsjBk {
    border-bottom: 1px solid var(--color-neutrals-n-30) !important
}

.NGCRuZ {
    color: var(--color-neutrals-n-400);
    white-space: nowrap;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.dkBqeb {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 1.6rem 1.2rem;
    display: flex
}

.dkBqeb.GrAcaV {
    border-bottom: 1px solid var(--color-neutrals-n-30);
    padding: 1rem 1.2rem
}

.Xbtfv8 {
    cursor: pointer;
    margin-block: -10px;
    margin-inline: -10px 0;
    padding-block: 10px;
    padding-inline: 10px 0;
    display: flex
}

._YnTDR {
    animation: .2s ease-out eT46yE
}

@keyframes eT46yE {
    0% {
        width: calc(100% - 72px)
    }
    to {
        width: 100%
    }
}

.hyQkJf {
    width: 41px !important;
    height: 28px !important
}

.hyQkJf .kkOTsY {
    width: 100%;
    height: 100%
}

.AYy0G8 {
    align-items: center;
    transition: transform .3s cubic-bezier(.25, 1, .5, 1);
    display: flex
}

.QEWC52 {
    height: 56px !important
}

.vQvY2r {
    width: 100%
}

.tHWSMa {
    margin-left: -10px
}

.tHWSMa.Bcbhhs {
    margin-left: 10px
}

._9dQjId {
    margin-left: 120px
}

._9dQjId.p3DvsD {
    margin-left: -110px
}

.SefCR8 {
    margin-inline-start: 8px
}

@media screen and (min-width: 768px) {
    .SefCR8 {
        margin-right: 0
    }
}

.eBWGzF {
    border: none
}

.evMy8q {
    background-color: var(--color-neutrals-n-400);
    color: var(--color-neutrals-n-00);
    z-index: 12;
    direction: rtl;
    border-radius: 14px;
    width: max-content;
    max-width: calc(100vw - 10px);
    padding: 8px 12px;
    font-family: Shabnam;
    font-size: 13px
}

.ATk9Ae {
    background: var(--color-neutrals-n-400);
    z-index: -1;
    pointer-events: none;
    border-radius: 3px;
    width: 10px;
    height: 10px;
    position: absolute;
    transform: rotate(45deg)
}

.rFuAsr {
    padding: 1rem .6rem
}

@media screen and (min-width: 768px) {
    .rFuAsr {
        padding: .6rem
    }
}

.z9sdD9 {
    cursor: pointer;
    margin-inline-end: auto
}

.fwAwaD {
    direction: rtl;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.fwAwaD .s26KOW {
    color: var(--color-neutrals-n-300);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px
}

.LahUbm {
    flex: 1;
    overflow: hidden
}

.LahUbm::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

.LahUbm::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 15px
}

.LahUbm::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

.LahUbm::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.JSS2wi {
    max-height: 90px;
    display: flex
}

.JSS2wi:hover {
    background-color: var(--color-neutrals-n-20) !important
}

.kpesvj {
    column-gap: 4px
}

.KnaHHQ {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.Azs4OX {
    max-height: 44px !important;
    overflow: hidden !important
}

.A9wb13 {
    padding: 12px 0 36px 12px
}

.aw5uAW {
    flex-direction: column;
    flex-grow: 1;
    display: flex
}

.hkbUAY {
    padding: 12px
}

.hHCAmJ {
    min-width: 70px;
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 2rem
}

.NiKRao {
    column-gap: 4px;
    max-width: 210px;
    display: flex
}

.DaPnw8 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.gT7LYc {
    border-radius: 12px;
    justify-content: space-between;
    align-items: center;
    column-gap: 4px;
    padding: 12px 8px;
    display: flex;
    background-color: var(--color-neutrals-n-20) !important
}

.TKXBmm {
    justify-content: space-between;
    column-gap: 4px;
    display: flex
}

.g8KLCl {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2rem
}

.ptF6k9 {
    justify-content: center;
    align-items: center;
    display: flex
}

.pB9t0R {
    flex-wrap: nowrap;
    max-height: 200px;
    display: flex;
    position: relative
}

.t15ScX {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    display: flex;
    position: relative
}

.voE7bu {
    flex-wrap: nowrap;
    flex-grow: 1;
    width: 100%;
    display: flex;
    padding: 0 !important
}

.voE7bu .x8qP1g {
    max-width: 74px
}

.XD3Uv3 {
    text-align: center;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    max-width: 74px;
    padding: 10px 4px 8px;
    display: flex
}

.XD3Uv3 .vkApPn {
    padding: 0 8px
}

.XD3Uv3:hover {
    background-color: var(--color-primary-ripple)
}

.XD3Uv3 .bwfhm4 {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2rem;
    overflow: hidden
}

.jLvUTQ {
    background-color: var(--color-neutrals-n-20);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: none;
    position: absolute;
    bottom: 0
}

@media screen and (min-width: 768px) {
    .jLvUTQ {
        z-index: 1;
        display: flex
    }
}

.jLvUTQ.aLR7oX {
    border-radius: 0 6px 6px 0;
    bottom: 30%;
    left: 0
}

.jLvUTQ.hHVLUI {
    border-radius: 6px 0 0 6px;
    bottom: 30%;
    right: 0
}

.J1nIL5 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 80%;
    display: block;
    overflow: hidden
}

.H1AjyY {
    color: var(--color-neutrals-n-200);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.ONboNt {
    margin-top: 4px
}

.DS5E8P {
    cursor: pointer;
    color: var(--color-neutrals-n-500);
    background-color: var(--color-neutrals-n-00);
    border: 1px solid var(--color-neutrals-n-30);
    border-top: 0;
    margin: 0;
    padding: 12px 16px;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.fxKa6D {
    opacity: 0;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1), opacity .3s cubic-bezier(.22, 1, .36, 1);
    position: relative;
    overflow: clip
}

.fxKa6D.PBhfLd {
    opacity: 1
}

.CBBAGC {
    height: 74px;
    padding-block: 10px !important
}

.V5jhZN {
    background-color: #7a869a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    min-width: 50px;
    display: inline-flex;
    width: 50px !important;
    height: 50px !important
}

.mgOn2P {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.Wo1i4G {
    z-index: 0;
    position: relative
}

.PAaZV7 {
    z-index: 1;
    opacity: 0;
    top: calc(50% - 13px);
    transition: transform .5s cubic-bezier(.34, 1.56, .64, 1) .15s, opacity .4s cubic-bezier(.34, 1.56, .64, 1) .1s;
    position: absolute;
    inset-inline-start: 25px;
    transform: translateY(-13px) scale(.8)
}

.TnMJux {
    opacity: 1;
    transform: translateY(0) scale(1)
}

.KQX0zv {
    opacity: 0;
    transition: transform .35s cubic-bezier(.4, 0, .2, 1), opacity .25s cubic-bezier(.4, 0, .2, 1);
    transform: translateY(-13px) scale(.8)
}

.sDiWq3 {
    position: relative
}

.ktJ1Ss {
    z-index: 1;
    height: 74px;
    transition: none;
    transform: translateY(-74px)
}

.ktJ1Ss.PeJHXj {
    will-change: transform;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1)
}

.ktJ1Ss.jlk0wX {
    transform: translateY(0)
}

@media screen and (min-width: 768px) {
    .ktJ1Ss {
        will-change: auto;
        height: auto;
        transition: none;
        transform: none
    }

    .ktJ1Ss.jlk0wX {
        transform: none
    }
}

.QGjQB9 {
    transition: none;
    transform: translateY(-74px)
}

.QGjQB9.PeJHXj {
    will-change: transform;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1)
}

.QGjQB9.XkepNk {
    transform: translateY(0)
}

@media screen and (min-width: 768px) {
    .QGjQB9 {
        will-change: auto;
        transition: none;
        transform: none
    }

    .QGjQB9.XkepNk {
        transform: none
    }
}

.mhaY8d {
    z-index: 2;
    transition: none;
    position: relative
}

.giyGIh {
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid var(--color-neutrals-n-30);
    background-color: var(--color-neutrals-n-10);
    width: 100%;
    display: flex;
    position: relative;
    overflow: auto hidden
}

.giyGIh::-webkit-scrollbar {
    display: none
}

.giyGIh > :not(.JIG161) {
    flex: 1
}

.giyGIh .JIG161 {
    cursor: pointer;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 48px;
    display: flex
}

.odl24Z {
    background-color: var(--color-neutrals-n-40);
    align-self: center;
    width: 1px;
    height: 70%;
    position: absolute;
    inset-inline-end: 0
}

.axMC9j {
    margin-inline-end: .6rem
}

@keyframes hriY8M {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes QOGWJq {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes sR7ITt {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes MSRzoT {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fMfF7F {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes qD8Nrq {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes mSwqne {
    to {
        background-position: 23% 0
    }
}

@keyframes mCkDQl {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes VAR0bj {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes oRk_QZ {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.d33d23 {
    min-width: 82px
}

.WrIWJ1 .V9EXx3 {
    background: var(--color-neutrals-n-40);
    border-radius: 12px;
    width: 45px;
    height: 1.6rem;
    margin-inline: 12px;
    animation: none;
    display: block;
    position: relative;
    overflow: hidden
}

.WrIWJ1 .V9EXx3:before {
    content: "";
    background: linear-gradient(90deg, transparent 0%, var(--color-neutrals-n-20) 50%, transparent 100%);
    animation: 2s cubic-bezier(.4, 0, .2, 1) infinite mCkDQl;
    display: block;
    position: absolute;
    inset: 0
}

.HlHTGJ {
    cursor: pointer;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 48px;
    display: flex
}

.SWTVu_ {
    cursor: pointer;
    border-bottom: 1px solid var(--color-neutrals-n-30);
    background-color: var(--color-neutrals-n-10);
    -webkit-user-select: none;
    user-select: none;
    justify-content: center;
    height: 48px;
    padding: 4px;
    position: relative
}

.SWTVu_.HzZf7u .DpBzG1 {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem
}

.SWTVu_ .yWvs1m {
    background-color: var(--color-neutrals-n-30);
    top: 50%;
    border-radius: 4px;
    width: 1px;
    height: 24px;
    position: absolute;
    inset-inline-end: 0;
    transform: translateY(-50%)
}

.tN0h5i {
    border-radius: 8px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: 100%;
    padding: 0 6px;
    display: flex;
    position: relative;
    overflow: hidden
}

.tN0h5i.Sa8dfw {
    min-width: 72px
}

.tN0h5i .DpBzG1 {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem
}

.tN0h5i .iUBVOp {
    pointer-events: none;
    flex-direction: row-reverse;
    column-gap: 4px;
    display: flex
}

.tN0h5i .CPJXbD {
    margin-block-start: -6px
}

.xc68Kl {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    grid-auto-flow: column;
    align-items: center;
    display: grid;
    position: relative
}

.xc68Kl.kJFq0U {
    scrollbar-width: none;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
    overflow: auto hidden
}

.xc68Kl.kJFq0U::-webkit-scrollbar {
    display: none
}

.FQOMV9 {
    background-color: var(--color-primary-p-50);
    border-radius: 4px 4px 0 0;
    height: 2px;
    transition: transform .3s;
    position: absolute;
    bottom: 0
}

.vWFxAX {
    width: 300px
}

.YuIwbv {
    cursor: pointer;
    background-color: var(--color-neutrals-n-30);
    border-radius: 1.4rem;
    justify-content: space-between;
    align-items: center;
    margin: 1.2rem 1rem;
    padding: 1.5rem;
    display: flex;
    overflow: hidden
}

.UO_G3z {
    align-items: center;
    display: flex
}

.e3_BNo {
    margin-inline-end: 1.4rem
}

.i8QDX9 {
    background-color: var(--color-neutrals-n-30);
    border-radius: 1.4rem;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 10px 14px;
    padding: 6px 12px;
    display: flex;
    overflow: hidden
}

.i8QDX9 a {
    flex-grow: 1
}

.EGNSrI {
    color: var(--color-neutrals-n-500);
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-inline-start: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    display: flex;
    overflow: hidden
}

.sTXP9n {
    color: var(--color-neutrals-n-500);
    white-space: nowrap;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--color-primary-p-50) !important;
    margin-inline-start: auto !important
}

.gl0fFg {
    color: var(--color-neutrals-n-500);
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-grow: 1;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem;
    overflow: hidden
}

.qbrZgf {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    display: flex;
    box-shadow: 0 1px 4px rgba(9, 30, 66, .08)
}

@media screen and (min-width: 576px) {
    .qbrZgf {
        height: 41px;
        padding: 8px 16px
    }
}

.MNyLRc {
    border-top: 1px solid var(--color-neutrals-n-30);
    cursor: pointer;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    display: flex
}

.nSpMMs {
    justify-content: flex-start;
    align-items: center;
    display: flex
}

.nSpMMs.Kz4NE9 {
    flex-grow: 1;
    justify-content: flex-end;
    overflow: hidden !important
}

.J12VN7 {
    white-space: nowrap;
    text-overflow: ellipsis;
    max-height: 36px;
    margin-left: 12px !important;
    overflow: hidden !important
}

@media screen and (min-width: 576px) {
    .J12VN7 {
        max-height: 41px;
        margin-left: 16px !important
    }
}

.suOzuA {
    cursor: pointer;
    width: 24px;
    height: 24px;
    position: relative
}

.XdyJoo {
    background-color: var(--color-primary-p-50);
    border-radius: 0 2px 2px 0;
    height: 1px
}

.dtSAVo {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 60%;
    position: absolute;
    left: 50%;
    overflow: hidden;
    transform: translate(-50%)
}

.nWaUgw {
    transform: rotate(45deg)
}

.zufuJq {
    transform: rotate(-45deg)
}

.HhCezq {
    opacity: 0;
    transition: transform .2s ease-in-out, opacity .2s ease-in-out;
    position: absolute
}

.HhCezq.rTfU7D {
    opacity: 1;
    transform: rotate(0)
}

.cZkT55 {
    width: 100%;
    color: var(--color-neutrals-n-500);
    text-align: center;
    justify-content: space-between;
    align-items: center;
    column-gap: 8px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    display: flex
}

.MEo27U {
    background: var(--color-neutrals-n-50);
    border-radius: 8px;
    width: 100%;
    height: 3px;
    position: relative
}

.MEo27U .ykZ1gF {
    background: var(--color-primary-p-50);
    transform-origin: 0;
    border-radius: 8px;
    width: 100%;
    height: 3px;
    transition: transform .2s linear;
    position: absolute;
    left: 0
}

.CCpbui {
    background-color: var(--color-neutrals-n-00);
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
    height: calc(100% - 54px);
    display: flex;
    position: relative;
    overflow: hidden
}

.CCpbui.FL25G5 {
    height: 100%
}

.CCpbui.ptyXWk {
    width: 0;
    min-width: 0;
    height: 0
}

.CCpbui.u4MISb {
    width: 100%
}

@media screen and (min-width: 768px) {
    .CCpbui.u4MISb {
        width: 307px;
        min-width: 307px
    }
}

@media screen and (min-width: 992px) {
    .CCpbui.u4MISb {
        width: 362px;
        min-width: 362px
    }
}

@media screen and (min-width: 576px) {
    .CCpbui {
        flex-grow: 0;
        height: 100%
    }

    .CCpbui.ptyXWk {
        height: auto
    }

    .CCpbui.GylBzI {
        width: 0;
        min-width: 0;
        height: 0
    }

    .CCpbui:not(.GylBzI) {
        border-inline-end: 1px solid var(--color-neutrals-n-40)
    }
}

@media screen and (min-width: 768px) {
    .CCpbui {
        width: 307px;
        min-width: 307px
    }
}

@media screen and (min-width: 992px) {
    .CCpbui {
        width: 362px;
        min-width: 362px
    }
}

.CCpbui.fFGVnt {
    display: none
}

.sByYdJ {
    background-color: rgba(var(--color-neutrals-n-10-rgb), .4);
    position: absolute;
    inset: 0
}

.biM8Pk {
    background-color: var(--color-neutrals-n-30);
    border-radius: 1.4rem;
    align-items: center;
    height: 54px;
    transition-property: max-height, margin, opacity;
    transition-duration: .3s;
    transition-timing-function: ease-out;
    display: flex;
    overflow: hidden
}

.biM8Pk.IuXUWg {
    justify-content: space-between;
    margin: 1.2rem 1rem;
    padding-block: 7px;
    padding-inline: 16px 7px
}

.biM8Pk.pFBRJK {
    opacity: 1;
    max-height: 54px;
    margin: 1.2rem 1rem;
    padding: 1.5rem
}

.biM8Pk.pFBRJK.VGBP3d {
    opacity: 0;
    max-height: 0;
    padding: 0
}

.K9ibhP {
    align-items: center;
    display: flex
}

.VD73S3 {
    min-width: 109px !important
}

.nABuPd {
    width: 28px;
    height: 38px;
    margin-inline-end: 12px
}

.fGTdBt {
    align-items: center;
    display: flex
}

.eSDZcu {
    margin-inline-end: 6px
}

.mlhRUG {
    margin-inline-end: 1.2rem
}

div .lBAE7p {
    margin-inline-end: 6px !important
}

div .xj3VNA {
    margin-inline-end: 1.2rem !important
}

.sXheXE {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: var(--color-neutrals-n-500) !important
}

.KA5sQo {
    flex-direction: column;
    display: flex
}

.KA5sQo .NGJmYk {
    background-color: var(--color-neutrals-n-30);
    color: var(--color-neutrals-n-300);
    margin: 0;
    padding: 8px 12px;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2rem
}

.KA5sQo .DQVD_6 .dialog-item-content {
    border-bottom-color: transparent
}

.KA5sQo .RUjli6 {
    cursor: pointer;
    border-bottom: 1px solid var(--color-neutrals-n-30);
    border-top: 1px solid var(--color-neutrals-n-30);
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    padding: 16px 12px;
    display: flex
}

.KA5sQo .RUjli6 .nTKz8k {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2.4rem
}

.bwQnmJ {
    background-color: var(--color-neutrals-n-20);
    will-change: transform;
    direction: rtl;
    flex-direction: column;
    width: 100%;
    padding-bottom: 12px;
    transition: transform .3s cubic-bezier(.22, 1, .36, 1);
    display: flex
}

.bwQnmJ .V0SDRN {
    flex-wrap: nowrap;
    width: 100%;
    display: flex;
    position: relative
}

.bwQnmJ .V0SDRN .k3lRKM {
    background-color: var(--color-neutrals-n-20);
    cursor: pointer;
    justify-content: center;
    align-items: center;
    padding: 4px;
    display: none;
    position: absolute;
    bottom: -12px
}

.bwQnmJ .V0SDRN .k3lRKM.sRRPaR {
    border-radius: 0 6px 6px 0;
    left: 0
}

.bwQnmJ .V0SDRN .k3lRKM.NMhpJi {
    border-radius: 6px 0 0 6px;
    right: 0
}

@media screen and (min-width: 768px) {
    .bwQnmJ .V0SDRN .k3lRKM.kcC6Pm {
        z-index: 1;
        display: flex
    }
}

.bwQnmJ .V0SDRN .xoIkCR {
    width: 2%
}

.uBhkyn {
    transform: translateY(-74px)
}

.TCItPB {
    transform: translateY(0)
}

.VSTPtC {
    background-color: transparent;
    padding-top: 8px;
    padding-bottom: 8px
}

.VSTPtC .ubL3gj {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 2.2rem
}

.A2KsoR {
    background-color: var(--color-neutrals-n-00);
    border: 1px solid var(--color-neutrals-n-30);
    cursor: pointer;
    border-radius: 14px;
    flex-flow: row;
    align-items: center;
    height: 100%;
    padding-left: 12px;
    display: flex
}

.y7asse {
    background-color: var(--color-neutrals-n-00);
    border: 1px solid var(--color-neutrals-n-30);
    cursor: pointer;
    border-radius: 14px;
    flex-flow: row;
    align-items: center;
    height: 100%;
    margin-left: 24px;
    padding-left: 12px;
    display: flex
}

.nVPc0a {
    overflow: visible
}

.y2Ntra {
    flex-direction: column;
    flex: 1;
    gap: 2px;
    display: flex
}

._5Xti_K {
    align-items: center;
    gap: 4px;
    display: flex
}

.hLoGhX {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem
}

.SEkBqc {
    flex-shrink: 0
}

.nOYU6k {
    color: var(--color-neutrals-n-200);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.4
}

.oa_hn9 {
    background-color: var(--color-neutrals-n-20);
    direction: rtl;
    flex-direction: column;
    width: 100%;
    display: flex
}

.oa_hn9 .sVh_7h {
    flex-flow: column;
    gap: 12px;
    width: 100%;
    padding: 0 16px 16px;
    display: flex;
    position: relative
}

.ay0Qo4 {
    border: 1px solid var(--color-neutrals-n-40);
    background-color: var(--color-neutrals-n-10);
    border-radius: 14px;
    flex-direction: column;
    margin: 12px;
    padding: 16px 12px 12px;
    display: flex;
    overflow: hidden
}

.qac6re {
    width: 100%;
    padding-bottom: 8px;
    display: flex
}

.qac6re > span {
    color: var(--color-neutrals-n-500);
    margin: auto;
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem
}

.RBaxHp {
    width: 100%;
    padding: 8px 0 16px;
    display: flex
}

.RBaxHp > span {
    color: var(--color-neutrals-n-400);
    text-align: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.EI3Gc3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex
}

.zSrRlD {
    border-radius: 50%
}

.yREUUq {
    justify-content: center;
    margin-left: 14px;
    display: flex
}

.uafftt {
    color: var(--color-neutrals-n-200);
    text-align: center;
    max-width: 288px;
    margin: 16px 0 0;
    font-family: Shabnam;
    font-size: 14px;
    line-height: 22px
}

.jw29Vo {
    max-width: 208px;
    margin: 16px auto 0
}

.mGSCyT {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 12px;
    display: flex
}

@media screen and (min-width: 992px) {
    .mGSCyT {
        justify-content: flex-start;
        padding-top: 184px
    }
}

@keyframes ET7G0q {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes EfkLOX {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes Cwdt2M {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes LqxjWi {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes iOznjg {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes Jz2C8G {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes ABMtXR {
    to {
        background-position: 23% 0
    }
}

@keyframes _BpPyk {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes V1TCo2 {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes VmBCbK {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.jNceb7 {
    flex: 1
}

.jNceb7 [data-swipeable] {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: hidden
}

.jNceb7 [data-swipeable]::-webkit-scrollbar {
    display: none
}

.jNceb7 {
    animation-name: Cwdt2M;
    animation-duration: .4s;
    animation-timing-function: ease-in-out
}

.jNceb7.sn4DVf {
    animation-duration: .2s
}

.mzJTa6 {
    z-index: 9;
    width: 100%
}

.yHWgi9 {
    background-color: var(--background-color);
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex
}

.YDo3LV {
    z-index: 1;
    position: sticky;
    top: 0
}

.LQLcrd {
    flex: 1
}

.G4d9Hy {
    z-index: 9;
    background-color: var(--color-neutrals-n-00);
    justify-content: space-between;
    align-items: stretch;
    width: 100%;
    min-height: 54px;
    padding: 6px 12px;
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 -1px 4px rgba(9, 30, 66, .08)
}

.G4d9Hy > .AZAZ0n {
    align-items: center;
    gap: 8px;
    display: flex
}

.G4d9Hy > .AZAZ0n svg {
    cursor: pointer
}

.G4d9Hy > .AZAZ0n > .sxrlAY {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px
}

.G4d9Hy > .CjmWAU {
    align-items: center;
    gap: 8px;
    display: flex
}

@keyframes idFIIh {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes TaNLop {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes SDpWJc {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes jhi9PC {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes qaRB_Q {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes cRKVXx {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes XW427L {
    to {
        background-position: 23% 0
    }
}

@keyframes Omwk6o {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes Qw9a0g {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes zLEBNn {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.YuEQkT {
    background-color: var(--color-neutrals-n-10);
    text-align: center;
    flex-direction: column;
    justify-content: stretch;
    align-items: stretch;
    width: 100%;
    height: 100%;
    margin: auto;
    display: none;
    position: relative
}

.YuEQkT.wUxSsa {
    display: flex
}

.ETL8sl {
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
    position: relative
}

.BS6Dan {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex
}

.EbY_lE {
    width: 100%;
    height: 100%
}

.EbY_lE.V5qotM {
    animation-name: qaRB_Q;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1
}

.EbY_lE.ctdcWv {
    transform: none
}

@media screen and (min-width: 576px) {
    .EbY_lE {
        position: initial
    }
}

.EbY_lE.ZWW2gG {
    visibility: none;
    opacity: 0;
    width: 0;
    height: 0
}

.EbY_lE .lzkdd9 {
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    display: flex;
    position: fixed;
    inset-block-start: 32px;
    inset-inline-start: 24px
}

@media screen and (min-width: 576px) {
    .EbY_lE .lzkdd9 {
        display: none
    }
}

.ctEtk8 {
    width: 100%;
    height: 100%
}

.HQloMM {
    background-color: var(--color-neutrals-n-00);
    width: 100%;
    height: 100%
}

.FrstD1 {
    background-color: var(--color-neutrals-n-30);
    padding: .4rem 1.2rem;
    font-weight: 500;
    color: var(--color-neutrals-n-400) !important
}

.YJX7YE {
    background-color: var(--color-neutrals-n-20);
    direction: rtl;
    justify-content: space-between;
    width: 100%;
    padding: 8px 12px;
    display: flex
}

.YJX7YE .XQVcqM {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px
}

.YJX7YE .u_0VXV {
    color: var(--color-neutrals-n-400);
    align-items: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 12px;
    font-weight: 400;
    display: flex
}

.YJX7YE .u_0VXV.HDAZV4 {
    cursor: pointer
}

.YJX7YE .AUk0w6 {
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    display: flex
}

.YJX7YE .apV6rs {
    cursor: pointer
}

.MINGn8 {
    border-bottom: 1px solid var(--color-neutrals-n-40);
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    padding: 2rem 1.4rem;
    display: flex;
    position: relative
}

.cBC3YV {
    color: var(--color-neutrals-n-400) !important;
    text-align: center !important;
    width: 100% !important;
    font-size: 16px !important;
    font-weight: 400 !important
}

.GqqyYC {
    top: 0;
    bottom: 0;
    padding: 1.4rem .8rem;
    inset-inline-start: 0;
    position: absolute !important
}

@media screen and (min-width: 576px) {
    .GqqyYC {
        top: 1.4rem;
        bottom: 1.4rem;
        inset-inline: .6rem
    }
}

._abUpe {
    flex: 1;
    overflow: hidden
}

._abUpe::-webkit-scrollbar {
    background-color: transparent;
    width: 6px
}

._abUpe::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .2);
    border-radius: 15px
}

._abUpe::-webkit-scrollbar-thumb:vertical {
    min-height: 60px
}

._abUpe::-webkit-scrollbar-thumb:horizontal {
    min-width: 60px
}

.rtv1rC {
    border-inline-start: 1px solid var(--color-neutrals-n-100);
    background-color: var(--color-neutrals-n-10);
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: none;
    position: relative
}

.rtv1rC.IqADK_ {
    display: flex
}

@media screen and (min-width: 768px) {
    .rtv1rC {
        width: 362px;
        min-width: 362px
    }
}

.idaKnS {
    background-color: var(--color-neutrals-n-10);
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
    overflow: auto
}

.qNmB5t {
    text-align: center
}

.Fqp9FD {
    text-align: center;
    color: var(--color-neutrals-n-100) !important
}

.YieAHK {
    width: 100%;
    padding: 10px 12px
}

.qLBqj7 {
    color: var(--color-neutrals-n-100);
    text-align: center
}

.NC47lL {
    background-color: var(--color-neutrals-n-10);
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex
}

.lds-default {
    width: 80px;
    height: 80px;
    display: inline-block;
    position: relative
}

.lds-default div {
    background: #8e8e8e;
    border-radius: 50%;
    width: 6px;
    height: 6px;
    animation: 1.2s linear infinite lds-default;
    position: absolute
}

.lds-default div:first-child {
    animation-delay: 0s;
    top: 37px;
    left: 66px
}

.lds-default div:nth-child(2) {
    animation-delay: -.1s;
    top: 22px;
    left: 62px
}

.lds-default div:nth-child(3) {
    animation-delay: -.2s;
    top: 11px;
    left: 52px
}

.lds-default div:nth-child(4) {
    animation-delay: -.3s;
    top: 7px;
    left: 37px
}

.lds-default div:nth-child(5) {
    animation-delay: -.4s;
    top: 11px;
    left: 22px
}

.lds-default div:nth-child(6) {
    animation-delay: -.5s;
    top: 22px;
    left: 11px
}

.lds-default div:nth-child(7) {
    animation-delay: -.6s;
    top: 37px;
    left: 7px
}

.lds-default div:nth-child(8) {
    animation-delay: -.7s;
    top: 52px;
    left: 11px
}

.lds-default div:nth-child(9) {
    animation-delay: -.8s;
    top: 62px;
    left: 22px
}

.lds-default div:nth-child(10) {
    animation-delay: -.9s;
    top: 66px;
    left: 37px
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px
}

@keyframes lds-default {
    0%, 20%, 80%, to {
        transform: scale(1)
    }
    50% {
        transform: scale(1.5)
    }
}

.Ob3Lra {
    background-color: var(--color-bubble-mask)
}

.zyE8A_ {
    display: none
}

.TaRQ6K {
    margin: 12px !important
}

.LJcT58 {
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding-block-start: 10px;
    padding-inline: 6px;
    display: flex
}

.kAg8Nl {
    border-radius: 12px !important;
    padding: 12px !important
}

.tVtMbX {
    width: 100%
}

@keyframes d7TlSi {
    0% {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

@keyframes et2eGh {
    0% {
        transform: rotate(360deg)
    }
    to {
        transform: rotate(0)
    }
}

@keyframes G4h5Xn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes xjOKn0 {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes Kuc8SM {
    0% {
        transform: translateY(200%)
    }
    to {
        transform: translateY(0%)
    }
}

@keyframes pODrDC {
    0% {
        transform: translateY(0%)
    }
    to {
        transform: translateY(200%)
    }
}

@keyframes Ttmiy4 {
    to {
        background-position: 23% 0
    }
}

@keyframes CE7ZjS {
    0% {
        transform: translate(125%)
    }
    40%, to {
        transform: translate(-125%)
    }
}

@keyframes YGq9YO {
    0% {
        opacity: .2
    }
    50% {
        opacity: 1
    }
    to {
        opacity: .2
    }
}

@keyframes W2QilH {
    12.5% {
        transform: rotate(45deg)
    }
    25% {
        transform: rotate(90deg)
    }
    37.5% {
        transform: rotate(135deg)
    }
    50% {
        transform: rotate(180deg)
    }
    62.5% {
        transform: rotate(225deg)
    }
    75% {
        transform: rotate(270deg)
    }
    87.5% {
        transform: rotate(315deg)
    }
    to {
        transform: rotate(360deg)
    }
}

.mAnZo5 {
    z-index: 4;
    background-color: var(--color-neutrals-mask);
    width: 100vw;
    height: 100%;
    justify-content: center;
    align-items: flex-end;
    padding-block-end: env(safe-area-inset-bottom);
    animation: none;
    display: flex;
    position: fixed;
    top: 0;
    left: 0
}

.mAnZo5:not(.TpA5MB).OqxpU8 {
    animation-name: xjOKn0
}

.mAnZo5:not(.TpA5MB).bI4tYt {
    animation-name: G4h5Xn
}

.mAnZo5.b9c9oF {
    display: none
}

.mAnZo5.IdYkWZ {
    background-color: initial
}

.mAnZo5._dJ_jD {
    pointer-events: none
}

.mAnZo5._dJ_jD .LL2qQB {
    pointer-events: auto
}

@media screen and (min-width: 768px) {
    .mAnZo5 {
        justify-content: center;
        align-items: center
    }
}

.LL2qQB {
    background-color: var(--color-neutrals-n-00);
    box-shadow: var(--option-modal-shadow-2);
    border-radius: 14px 14px 0 0;
    flex-direction: column;
    width: 100%;
    animation: none;
    display: flex;
    overflow: hidden
}

.LL2qQB:not(.TpA5MB).OqxpU8 {
    animation-name: pODrDC
}

.LL2qQB:not(.TpA5MB).bI4tYt {
    animation-name: Kuc8SM
}

.LL2qQB .SiOqro {
    max-height: max(70vh, 660px);
    overflow-y: auto
}

.LL2qQB .hJAycd {
    border-top: 1px solid var(--color-neutrals-n-30);
    justify-content: space-between;
    gap: 12px;
    display: flex;
    padding: 12px !important
}

.LL2qQB .hJAycd button {
    width: 100%
}

.LL2qQB .hJAycd.A6Ma4m button {
    width: 50%
}

@media screen and (min-width: 768px) {
    .LL2qQB {
        width: 360px;
        box-shadow: var(--option-modal-shadow-2);
        border-radius: 14px;
        animation: none
    }

    .LL2qQB .hJAycd {
        padding: 24px
    }
}

.saJCDk {
    padding: 0
}

.saJCDk .CDUTvL {
    padding: 12px 8px
}

@media screen and (min-width: 768px) {
    .saJCDk {
        padding: 12px 10px
    }

    .saJCDk .CDUTvL {
        padding: 6px
    }
}

.tGC5C5 {
    background-color: var(--color-neutrals-n-00);
    border: 1px solid var(--color-neutrals-n-50);
    border-radius: 12px;
    width: 100%;
    min-height: 154px;
    display: flex;
    position: relative
}

.UCiDvB {
    border-color: var(--color-error);
    margin: 12px 12px 0 !important
}

.lWn3RZ .tGC5C5 {
    border: none !important
}

.lLbwsM {
    grid-gap: 12px;
    direction: rtl;
    border-radius: 12px;
    grid-template-columns:1fr 1fr 1fr;
    justify-items: center;
    width: 100%;
    height: 100%;
    padding: 15px;
    display: grid;
    position: relative;
    overflow: hidden
}

.eMt5nD {
    flex-direction: column;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

.eMt5nD:after {
    content: "";
    border-top: 1px solid var(--color-neutrals-n-20);
    border-bottom: 1px solid var(--color-neutrals-n-20);
    width: 100%;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.qfX21c {
    width: 100%
}

.GpN_hp {
    box-sizing: border-box;
    -ms-overflow-style: none;
    scrollbar-width: none;
    z-index: 1;
    cursor: n-resize;
    flex-direction: column;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden scroll
}

.GpN_hp::-webkit-scrollbar {
    display: none
}

.GpN_hp.hkiBEz {
    scroll-snap-type: y mandatory
}

.rV_c3n {
    scroll-snap-align: center;
    -webkit-user-select: none;
    user-select: none;
    width: 94px;
    height: 40px;
    color: var(--color-neutrals-n-500);
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    display: flex
}

.BztzzD {
    width: 100%
}

.NU2Cgf {
    font-weight: 500
}

.V8adak {
    border-top: 1.63px solid var(--color-neutrals-n-20);
    border-bottom: 1.63px solid var(--color-neutrals-n-20);
    width: 94px;
    height: 40px
}

.v2UK76 {
    pointer-events: none;
    width: 100%;
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.oVVObG {
    z-index: 2;
    pointer-events: none;
    border-bottom: 1.63px solid var(--color-primary-p-50);
    background-image: linear-gradient(0deg, rgba(var(--color-neutrals-n-00-rgb), 0) 0%, rgb(var(--color-neutrals-n-00-rgb)) 100%);
    width: 100%;
    height: 40px;
    position: absolute;
    top: 0
}

.lWn3RZ .oVVObG {
    background: 0 0
}

.zVDz_V {
    z-index: 2;
    pointer-events: none;
    border-top: 1.63px solid var(--color-primary-p-50);
    background-image: linear-gradient(180deg, rgba(var(--color-neutrals-n-00-rgb), 0) 0%, rgb(var(--color-neutrals-n-00-rgb)) 100%);
    width: 100%;
    height: 40px;
    position: absolute;
    bottom: 0
}

.lWn3RZ .zVDz_V {
    background: 0 0
}

.jn8E93 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    padding-left: 2px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    color: var(--color-neutrals-n-300) !important
}

.vQiNS9 {
    color: var(--color-neutrals-n-500);
    margin: 0;
    margin-inline-start: 2px;
    font-family: Shabnam;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 2rem;
    color: var(--color-neutrals-n-300) !important
}

.j28G6H {
    background-color: var(--color-neutrals-n-00);
    z-index: 1;
    padding: 0 8px;
    display: flex;
    position: absolute;
    top: 0;
    right: 15px;
    transform: translateY(-50%)
}

.l090PU {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem
}

.Z2bBC2 {
    color: var(--color-error)
}

.D3F5lz {
    width: 100%;
    padding-top: 4px;
    padding-right: 10px;
    display: flex;
    position: relative;
    bottom: 0;
    right: 0
}

.WaIjoR {
    animation: .4s _9RINGq
}

@keyframes _9RINGq {
    0% {
        transform: translateY(100%)
    }
    25% {
        transform: translate(10px, 100%)
    }
    50% {
        transform: translate(-10px, 100%)
    }
    75% {
        transform: translate(10px, 100%)
    }
    to {
        transform: translateY(100%)
    }
}

.wKt9xn {
    color: var(--color-neutrals-n-500);
    max-width: 310px;
    margin: 0;
    font-family: Shabnam;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 2.2rem;
    color: var(--color-error) !important;
    margin-right: 4px !important
}

.U8bN_I {
    color: var(--color-neutrals-n-500);
    font-family: Shabnam;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.4rem;
    font-weight: inherit;
    margin: 0;
    color: inherit !important
}

.lWn3RZ.W16JC8 .U8bN_I {
    color: var(--color-neutrals-n-20) !important
}

.xjJTKn {
    background-color: var(--color-neutrals-n-30);
    padding: .4rem 1.2rem;
    font-weight: 500;
    color: var(--color-neutrals-n-400) !important
}

.drDWqs {
    direction: rtl;
    flex-wrap: wrap;
    justify-content: start;
    gap: 4px;
    width: 100%;
    padding: 8px 12px;
    display: flex
}

.drDWqs .eNoNYS {
    color: var(--color-neutrals-n-400);
    margin: 0;
    font-family: Shabnam;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px
}

.drDWqs .W4WhmO {
    color: var(--color-neutrals-n-400);
    align-items: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 12px;
    font-weight: 400;
    display: flex
}

.drDWqs .W4WhmO.cPVkuv {
    cursor: pointer
}

.drDWqs .Y0jjYz {
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
    display: flex
}

.SyM7vJ {
    background-color: var(--color-neutrals-n-10);
    height: 100%
}

@media screen and (min-width: 576px) {
    .SyM7vJ {
        background-color: var(--color-bubble-mask)
    }

    .SyM7vJ .Rhjfor {
        background-color: var(--color-neutrals-n-600)
    }
}

.SyM7vJ {
    padding-bottom: env(safe-area-inset-bottom);
    transition: background-color .15s ease-in
}

.SyM7vJ.V7bufP {
    padding-bottom: 0
}

.K4prvv {
    flex-direction: column;
    max-width: 1400px;
    height: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: flex
}

.itITqG {
    flex-direction: column;
    flex: 1;
    display: flex;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 576px) {
    .itITqG {
        flex-direction: row
    }
}

.e1WEyX {
    max-width: 304px !important
}

@media screen and (min-width: 576px) {
    .e1WEyX {
        max-width: 245px !important
    }
}

.avZPMF {
    background-color: var(--color-neutrals-n-10);
    box-shadow: 0 -1px 4px 0 rgba(var(--color-neutrals-n-500-rgb), .08);
    z-index: 0;
    border-top: 1px solid var(--color-neutrals-n-30);
    direction: ltr;
    border-radius: 10px 10px 0 0;
    flex-direction: column;
    order: 1;
    align-items: center;
    padding: 0;
    display: flex
}

@media screen and (min-width: 576px) {
    .avZPMF {
        border-inline-end: 1px solid var(--color-neutrals-n-50);
        height: 100%;
        direction: inherit;
        border-top: none;
        border-radius: 0;
        order: 0;
        min-width: 91px
    }
}

.avZPMF.WtYkQf {
    display: none
}

.NQWeKw {
    flex-direction: row-reverse;
    flex: 1;
    justify-content: space-around;
    width: 100%;
    display: flex
}

@media screen and (min-width: 576px) {
    .NQWeKw {
        flex-direction: column;
        flex: 1 100% 0;
        justify-content: flex-start;
        margin-top: 20px;
        padding: 0
    }
}

.mROrNt {
    cursor: pointer;
    background-color: transparent;
    border-radius: 10px;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    row-gap: 6px;
    width: 75px;
    padding-block: 16px;
    display: flex;
    position: relative
}

.mROrNt svg {
    flex-shrink: 0
}

@media screen and (min-width: 576px) {
    .mROrNt {
        border-radius: 5px;
        flex-grow: 0;
        align-items: center;
        width: 100%;
        padding-block: 11px
    }
}

@media screen and (min-width: 768px) {
    .mROrNt {
        width: 100%
    }
}

@media screen and (max-width: 576px) {
    .mROrNt {
        border-radius: 5px;
        flex-grow: 0;
        align-items: center;
        width: 100%;
        padding-block: 5px;
        row-gap: 0;
    }
    .ldDoln {
        display: none !important;
    }
    .Y0tLmm .wN57z4 .css-fwx8hn {
        margin: 0!important;
    }
    ._eLqlc {
        margin-top: 5px!important;
    }
}

@media screen and (max-width: 768px) {
    .mROrNt {
        width: 100%
    }
}

.Y0tLmm {
    font-size: normal;
    text-align: center;
    color: var(--color-neutrals-n-300) !important
}

.Y0tLmm.wN57z4 {
    font-size: medium;
    color: var(--color-primary-p-50) !important
}

._eLqlc {
    width: 2.4rem;
    height: 2.4rem;
    position: relative
}

.MmNSd8 {
    position: absolute
}

.MmNSd8 path {
    transition: fill .4s
}

@keyframes fRA27n {
    to {
        opacity: 0
    }
}

.bxc_ME {
    opacity: 1;
    animation: .4s forwards fRA27n
}

.Hz484Q {
    opacity: 1;
    animation: forwards fRA27n
}

.ldDoln {
    background-color: var(--color-primary-p-50);
    top: 0;
    bottom: 0;
    width: 4px;
    height: 48px;
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    position: absolute;
    inset-inline-start: 0
}

.ldDoln:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ldDoln:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ldDoln:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.ldDoln:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ldDoln:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.ldDoln.XRx8PW {
    display: none
}

.tdBsIc {
    box-shadow: 0 5px 15px rgba(9, 30, 66, .15);
    background-color: var(--color-neutrals-on-primary) !important
}

.CN0Vw8 {
    background-color: var(--color-neutrals-on-primary) !important;
    width: 16px !important;
    height: 16px !important
}

.KySsFd {
    border: 2px solid var(--color-neutrals-n-10)
}

.W0yR64 {
    cursor: pointer;
    align-items: center;
    gap: 14px;
    padding: 8px 4px;
    display: flex
}

.Jk7Mah {
    color: var(--color-neutrals-n-00);
    margin: 0;
    font-family: Shabnam;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.2rem
}

.K_zELo {
    direction: rtl;
    display: flex
}

.RVJ24O {
    direction: ltr;
    width: 20px;
    height: 20px;
    position: relative
}

.YbE3Tb {
    background: linear-gradient(147.67deg, #09b188 23.71%, #2dc297 40.36%, #60daac 64.07%, #7be6b7 76.3%, #72e3a6 91.47%);
    border-radius: 50%;
    padding: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.xfMB9I {
    background-color: var(--color-neutrals-n-400);
    border-radius: 50%;
    padding: 2px
}

.jSMEmX {
    color: var(--color-neutrals-on-primary);
    background-color: var(--color-neutrals-n-300);
    border-radius: 50%;
    justify-content: flex-end;
    align-items: center;
    width: 24px;
    height: 24px;
    margin: 0;
    padding-right: 4px;
    font-family: Shabnam;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.8rem;
    display: flex
}

.J0eCle {
    text-align: center;
    background-color: var(--color-neutrals-n-10);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: auto;
    display: none
}

@media screen and (min-width: 576px) {
    .J0eCle {
        display: flex
    }
}

.IUycTh {
    margin-bottom: 3.6rem
}

.u__pfW {
    color: var(--color-neutrals-n-500);
    margin: 0;
    font-family: Shabnam;
    font-size: 17px;
    line-height: 26px
}

@keyframes ZeGq0a {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(0)
    }
}

@keyframes RY0DnF {
    0% {
        transform: translate(0)
    }
    to {
        transform: translate(-100%)
    }
}

.sX5uwF {
    z-index: 3;
    background-position: 50%;
    flex-direction: column;
    flex: 1;
    align-items: center;
    width: 100%;
    position: absolute;
    inset: 0;
    overflow: hidden
}

.sX5uwF.FkLzJz {
    animation: .45s cubic-bezier(.25, 1, .5, 1) forwards RY0DnF
}

.sX5uwF.k_1Mp_ {
    animation: .45s cubic-bezier(.25, 1, .5, 1) forwards ZeGq0a
}

@media screen and (min-width: 768px) {
    .sX5uwF {
        transform: initial !important;
        z-index: initial !important;
        animation: none !important;
        display: flex !important;
        position: relative !important
    }
}

.ZlNukr {
    width: 100vw;
    height: calc(var(--vh, 1vh) * 100);
    background-color: var(--color-neutrals-n-00);
    justify-content: center;
    align-items: center;
    display: flex
}

.kjWb_2 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    padding: 1rem;
    display: flex
}

.HkvD99 {
    color: var(--color-neutrals-n-500);
    text-align: center;
    margin: 0;
    font-family: Shabnam;
    font-size: 19px
}

.j86ql3 {
    background-color: var(--color-primary-p-50);
    width: 100%;
    color: var(--color-neutrals-on-primary);
    border: none;
    border-radius: 1.4rem;
    outline: none;
    padding: 1.2rem;
    font-size: 1.8rem
}

.j86ql3:hover {
    cursor: pointer
}

body.swal2-height-auto {
    height: calc(var(--vh, 1vh) * 100)!important;
}

.dchat-members-wrap{direction:rtl;text-align:right;}
.dchat-members-list{max-height:420px;overflow:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px;}
.dchat-member-item{border:1px solid rgba(9,30,66,.12);border-radius:12px;padding:10px;background:rgba(9,30,66,.02);display:flex;gap:10px;align-items:center;}
.dchat-member-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(0,184,148,.12);color:#00B894;font-weight:700;flex:0 0 auto;}
.dchat-member-meta{flex:1;min-width:0;}
.dchat-member-name{margin:0;font-size:13px;color:#091E42;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dchat-member-user{margin:4px 0 0 0;font-size:12px;color:rgba(9,30,66,.7);direction:ltr;text-align:left;}
.dchat-member-status{font-size:12px;white-space:nowrap;display:flex;align-items:center;gap:6px;}
.dchat-dot{width:8px;height:8px;border-radius:50%;}
.dchat-dot.online{background:#00B894;}
.dchat-dot.offline{background:rgba(9,30,66,.35);}

.dchat-ticks{font-size:12px;color:rgba(9,30,66,.55);user-select:none}
.dchat-ticks.seen{color:#00B894}