.cdp-popover_root-FvU8S {
      width: 100%;
      padding: var(--spacing-16);
      border-radius: var(--rounding-container-m);
      background-color: var(--v568869b0);
      box-shadow: var(--box-shadow-popover);
      color: var(--color-content-base-primary);
      pointer-events: auto;
      flex-direction: column;
      display: flex
    }

    @media (min-width:1024px) {
      .cdp-popover_root-FvU8S {
        width: 344px
      }
    }

    .cdp-popover_top-FvU8S {
      margin-bottom: var(--spacing-16);
      gap: var(--spacing-12);
      display: flex
    }

    .cdp-popover_image-FvU8S {
      border-radius: var(--rounding-container-s);
      flex-shrink: 0;
      align-self: start;
      overflow: hidden
    }

    .cdp-popover_image-FvU8S img {
      object-fit: cover;
      width: 64px;
      height: 64px
    }

    .cdp-popover_texts-FvU8S {
      gap: var(--spacing-4);
      flex-direction: column;
      flex-grow: 1;
      display: flex
    }

    .cdp-popover_textsRow-FvU8S {
      justify-content: space-between;
      align-items: flex-start;
      gap: var(--spacing-8);
      display: flex
    }

    .cdp-popover_title-FvU8S {
      font-family: var(--font-display-body-font-family);
      font-size: var(--font-display-body-semibold-font-size);
      font-weight: var(--font-display-body-semibold-font-weight);
      letter-spacing: var(--font-display-body-semibold-letter-spacing);
      line-height: var(--font-display-body-semibold-line-height);
      white-space: pre-line;
      word-break: break-word
    }

    .cdp-popover_description-FvU8S {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-regular-font-size);
      font-weight: var(--font-body-regular-font-weight);
      letter-spacing: var(--font-body-regular-letter-spacing);
      line-height: var(--font-body-regular-line-height);
      word-break: break-word
    }

    .cdp-popover_button-FvU8S:not(:first-child) {
      margin-top: var(--spacing-8)
    }

    .cdp-popover-layout_root-CxC8E {
      background: unset;
      pointer-events: none;
      width: 100%;
      position: fixed;
      inset-block-end: 0;
      inset-inline-start: 0
    }

    @media screen and (min-width:1024px) {
      .cdp-popover-layout_root-CxC8E {
        position: sticky;
        inset-block: 0 auto
      }

      .cdp-popover-layout_root-CxC8E.cdp-popover-layout_fixedHeader-CxC8E {
        inset-block-start: var(--header-layout-height-desktop)
      }
    }

    .cdp-popover-layout_wrapper-CxC8E {
      --padding-block-end: calc(var(--height-layout-tabbar-with-safe-area) + var(--spacing-8));
      justify-content: flex-start;
      gap: var(--snackbar-padding-mobile);
      height: 100%;
      padding-block: var(--safe-area-inset-top)var(--padding-block-end);
      padding-inline: calc(var(--safe-area-inset-left) + var(--spacing-8))calc(var(--safe-area-inset-right) + var(--spacing-8));
      flex-direction: column-reverse;
      display: flex
    }

    @media screen and (min-width:1024px) {
      .cdp-popover-layout_wrapper-CxC8E {
        height: auto;
        padding-block: var(--spacing-12)0;
        padding-inline: var(--spacing-24)0;
        flex-direction: column;
        position: absolute
      }
    }

    .top-app-badge_root-Iwb7b {
      max-width: 100%;
      color: var(--badge-app-bonus-color-fg);
      padding-block: var(--spacing-2);
      padding-inline: var(--spacing-8)var(--spacing-20);
      -webkit-user-select: none;
      user-select: none;
      align-items: center;
      display: inline-flex;
      position: relative
    }

    .top-app-badge_root-Iwb7b b {
      font-weight: var(--font-body-semibold-font-weight)
    }

    .top-app-badge_root-Iwb7b {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-xs-font-size);
      font-weight: var(--font-caption-xs-regular-font-weight);
      letter-spacing: var(--font-caption-xs-letter-spacing);
      line-height: var(--font-caption-xs-line-height)
    }

    .top-app-badge_badge-Iwb7b {
      z-index: 0;
      border-radius: var(--rounding-component-badge);
      background: var(--badge-app-bonus-color-bg-grad, var(--badge-app-bonus-color-bg));
      position: absolute;
      inset: 0
    }

    [dir=rtl] .top-app-badge_badge-Iwb7b {
      transform-origin: 50%;
      transform: scaleX(-1)
    }

    .top-app-badge_text-Iwb7b {
      z-index: 1;
      text-overflow: ellipsis;
      white-space: nowrap;
      position: relative;
      overflow: hidden
    }

    .top-app-badge_img-Iwb7b {
      width: 27px;
      height: 26px;
      position: absolute;
      inset-block-start: -6px;
      inset-inline-end: -10px
    }

    .top-app-banner_root-qfybN {
      padding: var(--spacing-12)var(--spacing-16);
      background: var(--color-background-base-secondary);
      justify-content: space-between;
      align-items: center;
      display: flex
    }

    .top-app-banner_info-qfybN {
      align-items: center;
      gap: var(--spacing-12);
      flex-shrink: 0;
      display: flex
    }

    .top-app-banner_details-qfybN {
      text-align: start;
      flex-direction: column;
      align-items: start;
      display: flex
    }

    .top-app-banner_title-qfybN {
      color: var(--color-content-base-primary);
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }

    .top-app-banner_rating-qfybN {
      margin-bottom: var(--spacing-8);
      align-items: center;
      gap: var(--spacing-4);
      display: flex
    }

    .top-app-banner_starIcon-qfybN {
      color: var(--color-solid-sentiment-favorite-default)
    }

    .top-app-banner_ratingText-qfybN {
      color: var(--color-content-base-primary);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height)
    }

    .top-app-banner_controls-qfybN {
      flex-direction: column;
      flex-shrink: 0;
      align-items: center;
      display: flex
    }

    .top-app-banner_buttonDescription-qfybN {
      margin-top: var(--spacing-4);
      color: var(--color-content-base-tertiary);
      text-align: center;
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-xs-font-size);
      font-weight: var(--font-caption-xs-regular-font-weight);
      letter-spacing: var(--font-caption-xs-letter-spacing);
      line-height: var(--font-caption-xs-line-height)
    }

    .top-app-banner_appImg-qfybN {
      width: 48px;
      height: 48px
    }

    .auth-buttons_root-suxb5 {
      gap: var(--spacing-8);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .auth-buttons_root-suxb5 {
        gap: var(--spacing-12)
      }
    }

    .balance-sum-skeleton_root-qg2Ip {
      width: 48px;
      height: var(--font-body-semibold-line-height);
      border-radius: var(--rounding-max)
    }

    @media screen and (min-width:1024px) {
      .balance-sum-skeleton_root-qg2Ip {
        width: 78px
      }
    }

    .variant-1_root-qboqn {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .variant-1_root-qboqn {
        gap: var(--spacing-16)
      }
    }

    .variant-1_balanceBlock-qboqn {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      /* line-height: var(--font-body-semibold-line-height); */
      flex-direction: column;
      flex-grow: 1;
      align-items: flex-end;
      display: flex
    }

    .variant-1_wrapper-qboqn {
      cursor: pointer;
      text-align: end
    }

    .variant-1_sumContainer-qboqn {
      max-width: 100%;
      position: relative
    }

    .variant-1_sum-qboqn,
    .variant-1_sumShort-qboqn {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }

    .sn-header-balance-currency {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      color: var(--color-content-base-secondary);
      font-size: 11px;
      letter-spacing: 0.04em;
      text-transform: uppercase;
    }

    .sn-header-balance-currency svg {
      width: 12px;
      height: 12px;
      flex-shrink: 0;
    }

    [data-sn-header-balance-amount] {
      font-size: 1.125rem;
      font-weight: 700;
      line-height: 1.15;
    }

    .hidden {
      display: none !important;
    }

    .sn-header-bonus-row {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 4px;
      margin-top: 2px;
      font-size: 10px;
      line-height: 1.2;
      color: var(--color-content-base-secondary);
    }

    .sn-header-bonus-label {
      text-transform: uppercase;
      letter-spacing: 0.04em;
      font-weight: 600;
    }

    [data-sn-header-bonus-amount] {
      font-weight: 700;
      color: #c4b5fd;
      font-variant-numeric: tabular-nums;
    }

    /* Üst cüzdan: sn-header-wallet.css */

    @media (max-width: 768px) {
      .base_size-xl-8pMNn {
          --button-height: var(--size-control-xs);
          --button-padding: var(--spacing-8);
          --button-radius: var(--button-rounding-s);
      }
    }

    .variant-1_root-qboqn:not(.variant-1_short-qboqn) .variant-1_sumShort-qboqn,
    .variant-1_short-qboqn .variant-1_sum-qboqn {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .balance_balanceContainer-WG18y {
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      display: flex
    }

    @media screen and (min-width:1024px) {
      .balance_balanceContainer-WG18y:not(.balance_centeredBalance-WG18y) {
        justify-content: flex-end
      }
    }

    .balance_root-WG18y {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      border-radius: var(--header-balance-rounding);
      background: var(--header-balance-color-bg);
      align-items: center;
      gap: var(--spacing-12);
      padding-block: var(--spacing-4);
      padding-inline: var(--spacing-12)var(--spacing-4);
      display: flex;
      position: relative
    }

    .balance_root-WG18y:after {
      border: 1px solid var(--header-balance-color-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      .balance_root-WG18y:after {
        background: var(--header-balance-color-border-grad, var(--header-balance-color-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
    }

    .balance_btn-WG18y {
      --button-radius: var(--button-rounding-m)
    }

    .balance_wrapper-WG18y {
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }

    .balance_sumContainer-WG18y {
      max-width: 100%;
      position: relative
    }

    .balance_sum-WG18y,
    .balance_sumShort-WG18y {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }

    .balance_root-WG18y:not(.balance_short-WG18y) .balance_sumShort-WG18y,
    .balance_short-WG18y .balance_sum-WG18y {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .header-balance-v2_balanceContainer-ezppR {
      flex-grow: 1;
      justify-content: center;
      align-items: center;
      display: flex
    }

    @media screen and (min-width:1024px) {
      .header-balance-v2_balanceContainer-ezppR:not(.header-balance-v2_centeredBalance-ezppR) {
        justify-content: flex-end
      }
    }

    .header-balance-v2_root-ezppR {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      border-radius: var(--rounding-container-s);
      background: var(--header-balance-color-bg);
      box-shadow: inset 0 0 0 1px var(--header-balance-color-border);
      align-items: center;
      gap: var(--spacing-12);
      padding-block: var(--spacing-4);
      padding-inline: var(--spacing-12)var(--spacing-4);
      display: flex
    }

    .header-balance-v2_wrapper-ezppR {
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }

    .header-balance-v2_sumContainer-ezppR {
      max-width: 100%;
      position: relative
    }

    .header-balance-v2_sum-ezppR,
    .header-balance-v2_sumShort-ezppR {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }

    .header-balance-v2_root-ezppR:not(.header-balance-v2_short-ezppR) .header-balance-v2_sumShort-ezppR,
    .header-balance-v2_short-ezppR .header-balance-v2_sum-ezppR {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .header-balance-v3_root-qboqn {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .header-balance-v3_root-qboqn {
        gap: var(--spacing-16)
      }
    }

    .header-balance-v3_balanceBlock-qboqn {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      flex-direction: column;
      flex-grow: 1;
      align-items: flex-end;
      display: flex
    }

    .header-balance-v3_wrapper-qboqn {
      cursor: pointer;
      text-align: end
    }

    .header-balance-v3_sumContainer-qboqn {
      max-width: 100%;
      position: relative
    }

    .header-balance-v3_sum-qboqn,
    .header-balance-v3_sumShort-qboqn {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }

    .header-balance-v3_root-qboqn:not(.header-balance-v3_short-qboqn) .header-balance-v3_sumShort-qboqn,
    .header-balance-v3_short-qboqn .header-balance-v3_sum-qboqn {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .header-balance_root-qboqn {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .header-balance_root-qboqn {
        gap: var(--spacing-16)
      }
    }

    .header-balance_balanceBlock-qboqn {
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height);
      flex-direction: column;
      flex-grow: 1;
      align-items: flex-end;
      display: flex
    }

    .header-balance_wrapper-qboqn {
      cursor: pointer;
      text-align: end
    }

    .header-balance_sumContainer-qboqn {
      max-width: 100%;
      position: relative
    }

    .header-balance_sum-qboqn,
    .header-balance_sumShort-qboqn {
      color: var(--color-content-base-primary);
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden
    }

    .header-balance_root-qboqn:not(.header-balance_short-qboqn) .header-balance_sumShort-qboqn,
    .header-balance_short-qboqn .header-balance_sum-qboqn {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    @media (min-width:1024px) {
      .currency-switch_root-w3eKc {
        gap: var(--spacing-16)
      }
    }

    .floating_pageContainer-hRlEl {
      padding-block: 0;
      position: relative
    }

    .floating_rootContainer-hRlEl {
      z-index: var(--z-index-floating);
      height: 100dvh;
      pointer-events: none;
      flex-direction: column-reverse;
      align-self: flex-end;
      display: flex;
      position: fixed;
      inset-block-end: calc(var(--spacing-16) + var(--height-layout-tabbar-with-safe-area))
    }

    @media (min-width:1024px) {
      .floating_rootContainer-hRlEl {
        inset-block-end: 40px
      }
    }

    .floating_rootContainer-hRlEl>* {
      pointer-events: all
    }

    .floating_root-hRlEl {
      align-items: flex-end;
      gap: var(--spacing-16);
      flex-direction: column;
      display: flex;
      position: sticky
    }

    .floating_scrollTopButton-hRlEl {
      border-radius: var(--rounding-control-m);
      background: var(--color-background-base-primary);
      width: min-content;
      box-shadow: var(--box-shadow-xl)
    }

    .floating_scrollTopIcon-hRlEl {
      color: var(--color-content-base-primary)
    }

    .floating_scrollToggleEnterFrom-hRlEl,
    .floating_scrollToggleLeaveTo-hRlEl {
      opacity: 0;
      transform: translate(100%)
    }

    [dir=rtl] :is(.floating_scrollToggleEnterFrom-hRlEl, .floating_scrollToggleLeaveTo-hRlEl) {
      transform: translate(-100%)
    }

    .floating_scrollToggleEnterActive-hRlEl,
    .floating_scrollToggleLeaveActive-hRlEl {
      transition: transform .1s ease-in-out, opacity .1s ease-in-out
    }

    .floating_supportWidgetButton-hRlEl {
      box-shadow: var(--box-shadow-fab)
    }

    .grid_root-QUXIK {
      max-width: 100%;
      display: grid
    }

    .buttons_root-suxb5 {
      gap: var(--spacing-8);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .buttons_root-suxb5 {
        gap: var(--spacing-12)
      }
    }

    .currency-switch_root-w3eKc {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }

    @media (min-width:1024px) {
      .currency-switch_root-w3eKc {
        gap: var(--spacing-16)
      }
    }

    .currency-switch_balanceBlock-w3eKc {
      align-items: center;
      gap: var(--spacing-8);
      display: flex
    }

    .currency-switch_balance-w3eKc {
      align-items: flex-end;
      gap: var(--spacing-4);
      flex-direction: column;
      display: inline-flex
    }

    .currency-switch_balanceRow-w3eKc {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height);
      color: var(--color-content-base-secondary);
      align-items: center;
      gap: var(--spacing-4);
      display: inline-flex
    }

    .currency-switch_balanceRow-w3eKc.currency-switch_active-w3eKc {
      color: var(--color-content-base-primary)
    }

    .currency-switch_icon-w3eKc {
      padding: 1px
    }

    .buttons-placeholder_root-Ymz3t {
      align-items: center;
      display: flex
    }

    .buttons-placeholder_button-Ymz3t {
      border-radius: 8px;
      width: 100px;
      height: 32px;
      margin-left: 12px
    }

    .buttons-placeholder_circle-Ymz3t {
      border-radius: 8px;
      flex-shrink: 0;
      width: 32px;
      height: 32px;
      margin-left: 8px
    }

    .buttons-placeholder_line-Ymz3t {
      justify-content: flex-end;
      align-items: center;
      gap: 4px;
      display: flex
    }

    .buttons-placeholder_infoLine-Ymz3t {
      border-radius: 12px;
      width: 28px;
      height: 12px
    }

    .buttons-placeholder_infoCircle-Ymz3t {
      border-radius: 16px;
      width: 16px;
      height: 16px
    }

    .buttons-placeholder_bottomLine-Ymz3t {
      border-radius: 16px;
      width: 48px;
      height: 16px;
      margin-top: 2px
    }

    @media (min-width:0) {
      .buttons-placeholder_infoLine-Ymz3t {
        width: 36px
      }

      .buttons-placeholder_bottomLine-Ymz3t {
        width: 78px
      }
    }

    @media (min-width:1024px) {
      .buttons-placeholder_button-Ymz3t {
        border-radius: 12px;
        width: 117px;
        height: 44px;
        margin-left: 16px
      }

      .buttons-placeholder_circle-Ymz3t {
        border-radius: 12px;
        width: 44px;
        height: 44px;
        margin-left: 12px
      }
    }

    .variant-1_root-eiYUC {
      width: 100%;
      max-width: var(--size-container-width-max);
      height: var(--header-layout-height-mobile);
      background-color: var(--color-background-base-primary);
      color: var(--color-content-base-primary);
      padding-inline: var(--container-padding-mobile);
      align-items: center;
      margin-inline: auto;
      display: flex
    }

    .variant-1_root-eiYUC.variant-1_fixed-eiYUC {
      z-index: var(--z-index-header);
      position: sticky;
      top: 0
    }

    @media screen and (min-width:1024px) {
      .variant-1_root-eiYUC {
        height: var(--header-layout-height-desktop);
        padding-inline: var(--container-padding-desktop)
      }
    }

    .variant-1_transparentBg-eiYUC {
      background-color: #0000
    }

    .variant-1_content-eiYUC {
      align-items: center;
      gap: var(--spacing-12);
      width: 100%;
      display: flex
    }

    .variant-1_trailing-eiYUC {
      align-items: center;
      gap: var(--spacing-24);
      display: flex
    }

    .variant-1_logoLink-eiYUC {
      position: relative
    }

    .variant-1_logo-eiYUC {
      height: 28px;
      display: flex
    }

    .sn-brand-logo {
      display: block;
      height: 100%;
      width: auto;
      max-width: 100%;
      object-fit: contain;
    }

    .sn-brand-logo--sprite {
      flex-shrink: 0;
    }

    .variant-1_fullLogo-eiYUC .sn-brand-logo--sprite {
      width: 76px;
      height: 28px;
    }

    @media (min-width:1024px) {
      .variant-1_fullLogo-eiYUC .sn-brand-logo--sprite {
        height: 36px;
      }
    }

    .variant-1_compactLogo-eiYUC .sn-brand-logo--sprite.sn-brand-logo--compact {
      width: 44px;
      height: 28px;
    }

    .footer-header-row_root-mZCMO .sn-brand-logo--sprite {
      width: 76px;
      height: 36px;
    }

    .variant-1_fullLogo-eiYUC .sn-brand-logo {
      max-height: 28px;
    }

    @media (min-width:1024px) {
      .variant-1_fullLogo-eiYUC .sn-brand-logo {
        max-height: 36px;
      }
    }

    .variant-1_compactLogo-eiYUC .sn-brand-logo {
      max-height: 28px;
    }

    .footer-header-row_root-mZCMO .sn-brand-logo {
      height: 36px;
      width: auto;
    }

    .sn-games-nav-icon {
      display: block;
      width: 24px;
      height: 24px;
      object-fit: contain;
    }

    /* Yükleme iskeleti: panel logosu */
    .brand-loader_root-Vq96G {
      clip-path: none !important;
      -webkit-mask-image: url('{{ $snBrandLogo }}');
      mask-image: url('{{ $snBrandLogo }}');
      -webkit-mask-size: contain;
      mask-size: contain;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      -webkit-mask-position: center;
      mask-position: center;
    }

    .brand-loader_compact-Vq96G {
      clip-path: none !important;
    }

    @media (min-width:1024px) {
      .variant-1_logo-eiYUC {
        height: 36px
      }
    }

    .variant-1_isCompactLogo-eiYUC .variant-1_fullLogo-eiYUC {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .variant-1_compactLogo-eiYUC {
      height: 28px
    }

    .variant-1_root-eiYUC:not(.variant-1_isCompactLogo-eiYUC) .variant-1_compactLogo-eiYUC {
      opacity: 0;
      pointer-events: none;
      position: absolute
    }

    .variant-1_leading-eiYUC {
      justify-content: flex-end;
      align-items: center;
      gap: var(--spacing-12);
      flex-grow: 1;
      margin-inline-start: auto;
      display: flex
    }

    @media screen and (min-width:1024px) {
      .variant-1_leading-eiYUC {
        gap: var(--spacing-16)
      }
    }

    .variant-1_balance-eiYUC {
      flex-grow: 1;
      min-width: 0
    }

    .buttons-placeholder_root-7C388 {
      display: contents
    }

    @media (min-width:1024px) {
      .buttons-placeholder_root-7C388 {
        display: flex
      }
    }

    .buttons-placeholder_balance-7C388 {
      border-radius: 12px;
      width: 150px;
      height: 44px;
      position: absolute;
      inset-inline-start: 50%;
      transform: translate(-50%)
    }

    @media screen and (min-width:1024px) {
      .buttons-placeholder_balance-7C388 {
        width: 288px;
        position: static;
        transform: none
      }
    }

    .buttons-placeholder_circle-7C388 {
      border-radius: 12px;
      flex-shrink: 0;
      width: 44px;
      height: 44px;
      margin-inline-start: 12px
    }

    .variant-2_root-sa4Ib {
      z-index: var(--z-index-header);
      width: 100%;
      height: var(--header-layout-height-mobile);
      background-color: var(--header-color-bg);
      color: var(--color-content-base-primary);
      align-items: center;
      margin-inline: auto;
      display: flex;
      position: relative
    }

    .variant-2_root-sa4Ib.variant-2_fixed-sa4Ib {
      width: auto;
      height: var(--height-layout-header-mobile-with-safe-area);
      top: 0;
      padding-block: var(--safe-area-inset-block-start)0;
      padding-inline: var(--safe-area-inset-inline-start)var(--safe-area-inset-inline-end);
      position: fixed;
      inset-inline: 0
    }

    @media (min-width:1024px) {
      .variant-2_root-sa4Ib.variant-2_fixed-sa4Ib {
        height: var(--height-layout-header-desktop-with-safe-area)
      }

      .variant-2_root-sa4Ib:not(.variant-2_fixed-sa4Ib) {
        z-index: auto
      }

      .variant-2_root-sa4Ib {
        height: var(--header-layout-height-desktop)
      }
    }

    .variant-2_transparentBg-sa4Ib {
      background-color: #0000
    }

    .variant-2_content-sa4Ib {
      justify-content: space-between;
      gap: var(--spacing-12);
      width: 100%;
      padding-block: var(--spacing-16)var(--spacing-12);
      padding-inline: var(--container-padding-mobile);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .variant-2_content-sa4Ib {
        padding-block: var(--spacing-20);
        padding-inline: var(--container-padding-desktop)
      }
    }

    .variant-2_trailing-sa4Ib {
      min-width: var(--size-control-xl);
      align-items: center;
      gap: var(--spacing-20);
      display: flex
    }

    .variant-2_logoLink-sa4Ib {
      position: relative
    }

    .variant-2_logo-sa4Ib {
      display: flex
    }

    .variant-2_leading-sa4Ib {
      align-items: center;
      gap: var(--spacing-12);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .variant-2_leading-sa4Ib {
        gap: var(--spacing-16)
      }
    }

    .variant-2_sidebarButton-sa4Ib {
      padding-inline: var(--spacing-4)
    }

    .variant-2_backButton-sa4Ib svg {
      color: var(--color-content-base-primary)
    }

    .header-authorization_root-suxb5 {
      gap: var(--spacing-8);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .header-authorization_root-suxb5 {
        gap: var(--spacing-12)
      }
    }

    .layout-content_root-HYz6U {
      --min-height: 100vh;
      --header-height-with-safe-area: var(--height-layout-header-mobile-with-safe-area);
      --content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area))
    }

    @supports (height:100dvh) {
      .layout-content_root-HYz6U {
        --min-height: 100dvh
      }
    }

    @media screen and (min-width:1024px) {
      .layout-content_root-HYz6U {
        --header-height-with-safe-area: var(--height-layout-header-desktop-with-safe-area)
      }
    }

    .layout-content_root-HYz6U.layout-content_autoHeight-HYz6U {
      --min-height: 75vh;
      --content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area) - var(--height-layout-tabbar-with-safe-area))
    }

    @media screen and (min-width:1024px) {
      .layout-content_root-HYz6U.layout-content_autoHeight-HYz6U {
        --content-min-height: calc(var(--min-height) - var(--header-height-with-safe-area))
      }
    }

    .layout-content_root-HYz6U {
      min-height: var(--content-min-height);
      flex-grow: 1
    }

    .layout-content_root-HYz6U.layout-content_fixedHeader-HYz6U {
      margin-block-start: var(--header-layout-height-mobile)
    }

    @media screen and (min-width:1024px) {
      .layout-content_root-HYz6U.layout-content_fixedHeader-HYz6U {
        margin-block-start: var(--header-layout-height-desktop)
      }
    }

    .pull-to-refresh-indicator_container-svOum {
      z-index: var(--z-index-ptr-pwa);
      color: var(--color-content-base-static-white);
      pointer-events: none;
      justify-content: center;
      padding-block-start: calc(var(--safe-area-inset-block-start) + 12px);
      display: flex;
      position: fixed;
      inset-block-start: 0;
      inset-inline: 0
    }

    .pull-to-refresh-indicator_belowHeader-svOum {
      padding-block-start: 0;
      inset-block-start: var(--height-layout-header-mobile-with-safe-area)
    }

    .pull-to-refresh-indicator_spinner-svOum {
      will-change: transform, opacity
    }

    .pull-to-refresh-indicator_rotating-svOum {
      animation: .8s linear infinite pull-to-refresh-indicator_spin-svOum
    }

    @keyframes pull-to-refresh-indicator_spin-svOum {
      0% {
        transform: rotate(0)
      }

      to {
        transform: rotate(1turn)
      }
    }

    .layout-main_flexFill-cZu5Q {
      flex-direction: column;
      flex-grow: 1;
      min-width: 0;
      display: flex
    }

    .layout-main_main-cZu5Q.layout-main_tabbarPadding-cZu5Q {
      padding-bottom: calc(var(--height-layout-tabbar-with-safe-area) - var(--safe-area-inset-block-end))
    }

    @media screen and (min-width:1024px) {
      .layout-main_main-cZu5Q.layout-main_tabbarPadding-cZu5Q {
        padding-bottom: 0
      }
    }

    .template-1_root-RiCeW,
    .template-2_root-RiCeW,
    .template-3_root-R6TeA {
      background-color: var(--layout-color-bg);
      color: var(--color-content-base-primary);
      flex-direction: row;
      display: flex
    }

    @media (min-width:1024px) {
      .template-3_root-R6TeA {
        background-color: var(--color-background-base-primary)
      }
    }

    .notification-buttons_root-suxb5 {
      gap: var(--spacing-8);
      display: flex
    }

    @media screen and (min-width:1024px) {
      .notification-buttons_root-suxb5 {
        gap: var(--spacing-12)
      }
    }

    .banner-app-v2_root-DPXnL {
      background: unset;
      padding: 0;
      position: relative
    }

    .banner-app-v2_installContainer-DPXnL {
      border-radius: var(--sidebar-banner-app-rounding-full);
      cursor: pointer;
      justify-content: space-between;
      align-items: center;
      gap: var(--spacing-8);
      width: 100%;
      min-height: 60px;
      padding-block: var(--spacing-12);
      padding-inline: 80px var(--spacing-12);
      display: flex;
      position: relative
    }

    .banner-app-v2_installContainer-DPXnL.banner-app-v2_compact-DPXnL {
      border-radius: var(--sidebar-banner-app-rounding-compact);
      align-self: center;
      margin-top: 0;
      padding: 0;
      overflow: hidden
    }

    .banner-app-v2_bannerGradient-DPXnL {
      border-radius: inherit;
      background: var(--sidebar-banner-app-color-bg-grad, var(--sidebar-banner-app-color-bg));
      position: absolute;
      inset: 0
    }

    [dir=rtl] .banner-app-v2_bannerGradient-DPXnL {
      transform: scaleX(-1)
    }

    .banner-app-v2_image-DPXnL {
      z-index: 1;
      width: 74px;
      height: 74px;
      position: absolute;
      inset-block-end: 0;
      inset-inline-start: 0
    }

    .banner-app-v2_compact-DPXnL .banner-app-v2_image-DPXnL {
      width: 60px;
      height: 60px;
      inset-inline-start: -6px
    }

    .banner-app-v2_content-DPXnL {
      z-index: 1;
      text-align: start
    }

    .banner-app-v2_title-DPXnL {
      color: var(--color-content-base-primary);
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }

    .banner-app-v2_text-DPXnL {
      color: var(--color-content-base-primary);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height)
    }

    .banner-app-v2_installButtonContainer-DPXnL {
      z-index: 1;
      width: var(--size-control-m);
      min-width: var(--size-control-m);
      height: var(--size-control-m);
      border-radius: var(--button-rounding-m);
      background: var(--color-background-base-alfa-static-white-20);
      color: var(--color-content-base-static-white);
      justify-content: center;
      align-items: center;
      display: flex
    }

    .banner-app-v2_installContainerCompact-DPXnL {
      z-index: 2;
      width: var(--size-element-s);
      height: var(--size-element-s);
      border-radius: var(--rounding-12);
      background: var(--sidebar-banner-app-color-dot-bg);
      box-shadow: 0 0 0 var(--border-m)var(--color-border-base-on-bg-secondary);
      color: var(--sidebar-banner-app-color-dot-fg);
      cursor: pointer;
      justify-content: center;
      align-items: center;
      display: flex;
      position: absolute;
      inset-block-start: 0;
      inset-inline-end: 0
    }

    .banner-app_root-uywwA {
      border-radius: var(--rounding-container-s);
      background: var(--color-background-base-tertiary);
      cursor: pointer;
      max-width: 100%;
      max-height: 100%;
      padding-block: var(--spacing-8);
      padding-inline: var(--spacing-12);
      transition: max-width var(--common-layout__animation-duration)var(--common-layout__animation-easing), padding var(--common-layout__animation-duration)var(--common-layout__animation-easing), background var(--common-layout__animation-duration)var(--common-layout__animation-easing);
      align-items: center;
      display: flex;
      overflow: hidden
    }

    .banner-app_compact-uywwA {
      -webkit-user-select: none;
      user-select: none;
      background: 0 0;
      max-width: 48px;
      max-height: 48px;
      padding: 0
    }

    .banner-app_wrapper-uywwA {
      width: calc(var(--sidebar-width-expanded) - var(--spacing-12)*2 - var(--spacing-16)*2 - var(--sidebar__border-width)*2);
      text-align: start;
      word-break: break-word;
      flex-shrink: 0;
      justify-content: space-between;
      align-items: center;
      display: flex
    }

    .banner-app_icon-uywwA {
      width: 44px;
      height: 44px;
      transition: width var(--app-banner__animation-duration)var(--common-layout__animation-easing), height var(--app-banner__animation-duration)var(--common-layout__animation-easing);
      flex-shrink: 0
    }

    .banner-app_compact-uywwA .banner-app_icon-uywwA {
      width: 48px;
      height: 48px
    }

    .banner-app_iconRounded-uywwA {
      border-radius: var(--rounding-container-s);
      width: 44px;
      height: 44px
    }

    .banner-app_compact-uywwA .banner-app_iconRounded-uywwA {
      width: 48px;
      height: 48px
    }

    .banner-app_content-uywwA {
      margin-inline: var(--spacing-12)
    }

    .banner-app_title-uywwA {
      margin-bottom: var(--spacing-4);
      color: var(--color-content-base-primary);
      font-family: var(--font-caption-s-label-font-family);
      font-size: var(--font-caption-s-label-font-size);
      font-weight: var(--font-caption-s-label-font-weight);
      letter-spacing: var(--font-caption-s-label-letter-spacing);
      line-height: var(--font-caption-s-label-line-height);
      text-transform: var(--font-caption-s-label-text-case)
    }

    .banner-app_text-uywwA {
      color: var(--color-content-base-secondary);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height)
    }

    .banner-app_arrowIcon-uywwA {
      color: var(--color-content-base-secondary);
      flex-shrink: 0
    }

    .sidebar-banner-promo_root-Fd65P {
      width: 100%;
      min-height: 134px;
      padding: var(--spacing-12);
      border-radius: var(--rounding-container-m);
      cursor: pointer;
      justify-content: space-between;
      gap: var(--spacing-12);
      white-space: pre-line;
      flex-direction: column;
      display: flex;
      position: relative
    }

    .sidebar-banner-promo_size-l-Fd65P {
      min-height: 134px
    }

    .sidebar-banner-promo_size-m-Fd65P,
    .sidebar-banner-promo_size-s-Fd65P {
      min-height: 100px
    }

    .sidebar-banner-promo_size-xs-Fd65P {
      min-height: 71px;
      padding: var(--spacing-4)var(--spacing-6);
      border-radius: var(--rounding-container-s);
      justify-content: flex-end
    }

    .sidebar-banner-promo_image-Fd65P {
      border-radius: var(--rounding-container-m);
      width: 125px;
      height: 88px;
      position: absolute;
      inset-block-end: 50%;
      inset-inline-start: 50%
    }

    .sidebar-banner-promo_size-m-Fd65P .sidebar-banner-promo_image-Fd65P {
      border-inline-end: var(--rounding-container-m);
      width: 68px;
      height: 94px;
      inset-block-end: 0;
      inset-inline: auto 0
    }

    .sidebar-banner-promo_size-s-Fd65P .sidebar-banner-promo_image-Fd65P {
      width: 87px;
      height: 56px;
      inset-block-end: 0;
      inset-inline: auto 0
    }

    .sidebar-banner-promo_size-xs-Fd65P .sidebar-banner-promo_image-Fd65P {
      border-block-start: var(--rounding-container-s);
      width: 48px;
      height: 48px;
      inset-block-start: -9px;
      inset-inline: auto 0
    }

    .sidebar-banner-promo_top-Fd65P {
      z-index: 1
    }

    .sidebar-banner-promo_middle-Fd65P {
      z-index: 1;
      color: var(--color-content-base-static-white);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-semibold-font-size);
      font-weight: var(--font-caption-s-semibold-font-weight);
      letter-spacing: var(--font-caption-s-semibold-letter-spacing);
      line-height: var(--font-caption-s-semibold-line-height)
    }

    .sidebar-banner-promo_size-xs-Fd65P .sidebar-banner-promo_middle-Fd65P {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-xs-font-size);
      font-weight: var(--font-caption-xs-semibold-font-weight);
      letter-spacing: var(--font-caption-xs-letter-spacing);
      line-height: var(--font-caption-xs-line-height)
    }

    .sidebar-banner-promo_bottom-Fd65P {
      z-index: 1
    }

    .close-sidebar_root-3skZi {
      width: var(--size-control-s);
      height: var(--size-control-s);
      padding: var(--spacing-4);
      border-radius: var(--rounding-max);
      background-color: var(--color-background-base-alfa-static-white-24);
      color: var(--color-content-base-static-white);
      cursor: pointer;
      justify-content: center;
      align-items: center;
      transition: opacity .1s;
      display: flex
    }

    .close-sidebar_root-3skZi:active {
      opacity: var(--opacity-item-active)
    }

    .close-sidebar_root-3skZi:focus-visible {
      outline: none
    }

    @supports not (width:1lh) {
      .close-sidebar_root-3skZi:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
    }

    @supports (width:1lh) {
      .close-sidebar_root-3skZi:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
    }

    @supports not selector(:focus-visible) {
      .close-sidebar_root-3skZi:focus {
        outline: none
      }

      @supports not (width:1lh) {
        .close-sidebar_root-3skZi:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
      }

      @supports (width:1lh) {
        .close-sidebar_root-3skZi:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
      }
    }

    .expand-button_iconWrapper-iIiZA {
      padding: var(--spacing-4);
      background-color: var(--color-background-base-tertiary);
      color: var(--color-content-base-secondary)
    }

    .expand-button_icon-iIiZA {
      transition: transform .5s var(--common-layout__animation-easing)
    }

    .expand-button_rotated-iIiZA {
      transform: rotate(-180deg)
    }

    .expand-button_root-iIiZA {
      min-width: var(--size-control-s);
      min-height: var(--size-control-s);
      border-radius: var(--rounding-max);
      cursor: pointer;
      justify-content: center;
      align-items: center;
      padding: 0;
      transition: background-color .1s;
      display: flex;
      overflow: hidden
    }

    .expand-button_root-iIiZA:focus-visible {
      outline: none
    }

    @supports not (width:1lh) {
      .expand-button_root-iIiZA:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
    }

    @supports (width:1lh) {
      .expand-button_root-iIiZA:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
    }

    @supports not selector(:focus-visible) {
      .expand-button_root-iIiZA:focus {
        outline: none
      }

      @supports not (width:1lh) {
        .expand-button_root-iIiZA:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
      }

      @supports (width:1lh) {
        .expand-button_root-iIiZA:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
      }
    }

    :is(.expand-button_root-iIiZA:hover, .expand-button_root-iIiZA:active) .expand-button_iconWrapper-iIiZA {
      background-color: var(--color-ui-base-default);
      color: var(--color-content-base-primary)
    }

    .view_root-F4byz {
      --avatar-background: var(--avatar-color-bg-default);
      all: unset;
      box-sizing: border-box;
      cursor: pointer;
      align-items: center;
      gap: var(--spacing-12);
      max-width: 100%;
      transition: opacity .1s;
      display: flex
    }

    .view_root-F4byz.view_compact-F4byz {
      justify-content: start
    }

    .view_root-F4byz:hover {
      --avatar-background: var(--avatar-color-bg-hover)
    }

    .view_root-F4byz:active {
      opacity: var(--opacity-item-active)
    }

    .view_root-F4byz:focus-visible .view_avatar-F4byz {
      outline: none
    }

    @supports not (width:1lh) {
      :is(.view_root-F4byz:focus-visible .view_avatar-F4byz) {
        box-shadow: 0 0 0 var(--border-m)var(--focus-border)
      }
    }

    @supports (width:1lh) {
      :is(.view_root-F4byz:focus-visible .view_avatar-F4byz) {
        outline: var(--border-m)solid var(--focus-border);
        outline-offset: var(--spacing-2)
      }
    }

    .view_root-F4byz:not(.view_compact-F4byz) {
      width: 100%;
      padding: var(--profile-cell-padding);
      border-radius: var(--profile-cell-rounding);
      background-color: var(--profile-cell-color-bg-default)
    }

    .view_root-F4byz:not(.view_compact-F4byz):hover {
      background-color: var(--profile-cell-color-bg-hover)
    }

    .view_content-F4byz {
      flex-grow: 1;
      align-items: center;
      min-width: 0;
      max-width: 100%;
      display: flex;
      overflow: hidden
    }

    .view_details-F4byz {
      align-items: flex-start;
      gap: var(--spacing-4);
      flex-direction: column;
      flex-grow: 1;
      display: flex
    }

    .view_login-F4byz,
    .view_name-F4byz,
    .view_id-F4byz {
      text-overflow: ellipsis;
      white-space: nowrap;
      max-width: 100%;
      overflow: hidden
    }

    .view_name-F4byz {
      color: var(--color-content-base-primary);
      font-family: var(--font-display-body-label-font-family);
      font-size: var(--font-display-body-label-font-size);
      font-weight: var(--font-display-body-label-font-weight);
      letter-spacing: var(--font-display-body-label-letter-spacing);
      line-height: var(--font-display-body-label-line-height);
      text-transform: var(--font-display-body-label-text-case)
    }

    .view_id-F4byz {
      color: var(--color-content-base-secondary);
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-s-regular-font-size);
      font-weight: var(--font-caption-s-regular-font-weight);
      letter-spacing: var(--font-caption-s-regular-letter-spacing);
      line-height: var(--font-caption-s-regular-line-height)
    }

    .view_login-F4byz {
      color: var(--color-content-base-primary);
      font-family: var(--font-body-font-family);
      font-size: var(--font-body-semibold-font-size);
      font-weight: var(--font-body-semibold-font-weight);
      letter-spacing: var(--font-body-semibold-letter-spacing);
      line-height: var(--font-body-semibold-line-height)
    }

    .view_icon-F4byz {
      color: var(--color-content-base-tertiary);
      flex-shrink: 0
    }

    .view_nameSkeleton-F4byz {
      width: 120px;
      height: 16px;
      margin-bottom: var(--spacing-4)
    }

    .view_idSkeleton-F4byz {
      width: 80px;
      height: 13px
    }

    .view_nameSkeleton-F4byz,
    .view_idSkeleton-F4byz {
      border-radius: var(--rounding-12)
    }

    .social-items-list_root-b66qi {
      max-height: var(--size-popover-list-height-max);
      overflow: auto
    }

    .button-with-preview_root-0X1UR {
      border-radius: var(--rounding-container-s);
      background-color: var(--color-background-base-alfa-neutral-12);
      cursor: pointer;
      flex-wrap: wrap;
      gap: 2px;
      width: 48px;
      padding: 5px;
      transition: opacity .1s;
      display: flex
    }

    .button-with-preview_root-0X1UR:active {
      opacity: var(--opacity-item-active)
    }

    .button-with-preview_root-0X1UR:hover {
      background-color: var(--color-background-base-alfa-neutral-16)
    }

    .button-with-preview_root-0X1UR:focus-visible {
      outline: none
    }

    @supports not (width:1lh) {
      .button-with-preview_root-0X1UR:focus-visible {
        box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
      }
    }

    @supports (width:1lh) {
      .button-with-preview_root-0X1UR:focus-visible {
        outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
        outline-offset: var(--spacing-2)
      }
    }

    @supports not selector(:focus-visible) {
      .button-with-preview_root-0X1UR:focus {
        outline: none
      }

      @supports not (width:1lh) {
        .button-with-preview_root-0X1UR:focus {
          box-shadow: 0 0 0 var(--spacing-2)var(--color-solid-brand-primary-alfa-68)
        }
      }

      @supports (width:1lh) {
        .button-with-preview_root-0X1UR:focus {
          outline: var(--spacing-2)solid var(--color-solid-brand-primary-alfa-68);
          outline-offset: var(--spacing-2)
        }
      }
    }

    .button-with-preview_iconMore-0X1UR {
      border-radius: var(--rounding-6);
      background-color: var(--color-background-base-alfa-neutral-12);
      width: 18px;
      height: 18px;
      color: var(--color-content-base-secondary);
      justify-content: center;
      align-items: center;
      padding: 3px;
      display: flex
    }

    .button-with-preview_iconMore-0X1UR:hover {
      background-color: var(--color-background-base-alfa-neutral-16)
    }

    .buttons-list_root-dH0Tc {
      gap: var(--spacing-4);
      flex-wrap: nowrap;
      max-width: 125px;
      display: flex
    }

    .expanded-view_root-RehQD {
      gap: var(--spacing-4);
      flex-wrap: nowrap;
      display: flex
    }

    .expanded-view_moreIcon-RehQD {
      color: var(--color-content-base-secondary)
    }

    @media (min-width:1440px) {
      .common-layout_root-V7jCK {
        --common-layout__animation-duration: var(--v1359c7a8);
        --common-layout__animation-easing: cubic-bezier(.4, 0, .2, 1)
      }
    }

    .common-layout_root-V7jCK:not(.common-layout_offscreen-V7jCK) {
      margin-inline-start: var(--sidebar__horizontal-indent)
    }

    .common-layout_space-V7jCK {
      width: var(--sidebar__desired-space);
      transition: width var(--common-layout__animation-duration)var(--common-layout__animation-easing)
    }

    .common-layout_backdrop-V7jCK {
      background-color: var(--sidebar__backdrop-background-color);
      transition: opacity var(--sidebar__transition-duration)var(--sidebar__transition-easing);
      position: fixed;
      inset: 0
    }

    .common-layout_backdrop-V7jCK.common-layout_hidden-V7jCK {
      opacity: 0;
      pointer-events: none
    }

    .common-layout_sheet-V7jCK {
      background: var(--sidebar-color-bg-grad, var(--sidebar-color-bg))
    }

    .common-layout_sleave-V7jCK {
      -ms-overflow-style: none;
      scrollbar-width: none
    }

    .common-layout_sleave-V7jCK::-webkit-scrollbar {
      display: none
    }

    .common-layout_sleave-V7jCK {
      overscroll-behavior: contain;
      overflow-y: auto
    }

    .common-layout_content-V7jCK {
      border-radius: inherit;
      flex-direction: column;
      min-height: 100%;
      display: flex
    }

    .common-layout_content-V7jCK>* {
      flex: none
    }

    .common-layout_content-V7jCK.common-layout_gap-V7jCK {
      gap: var(--v6034308a)
    }

    .common-layout_sheet-V7jCK,
    .common-layout_sleave-V7jCK {
      height: calc(100dvh - var(--sidebar__vertical-indent-top) - var(--sidebar__vertical-indent-bottom));
      border-radius: var(--sidebar-rounding-full);
      inset-block: var(--sidebar__vertical-indent-top)var(--sidebar__vertical-indent-bottom);
      position: fixed;
      inset-inline-start: var(--sidebar__horizontal-indent)
    }

    .common-layout_hidden-V7jCK :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
      inset-inline-start: 0
    }

    .common-layout_compact-V7jCK :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
      border-radius: var(--sidebar-rounding-compact)
    }

    .common-layout_sheet-V7jCK,
    .common-layout_content-V7jCK {
      width: var(--sidebar__sheet-width);
      transform: translateX(var(--sidebar__offset));
      transition: transform var(--sidebar__transition-duration)var(--sidebar__transition-easing);
      transition: width var(--common-layout__animation-duration)var(--common-layout__animation-easing)
    }

    [dir=rtl] :is(.common-layout_sheet-V7jCK, .common-layout_content-V7jCK) {
      transform: translateX(calc(var(--sidebar__offset)*-1))
    }

    .common-layout_close-V7jCK {
      transition: transform var(--sidebar__transition-duration)var(--sidebar__transition-easing), opacity var(--sidebar__transition-duration)var(--sidebar__transition-easing);
      position: fixed;
      inset-block-start: max(var(--spacing-16), var(--safe-area-inset-block-start));
      inset-inline-end: max(var(--spacing-16), var(--safe-area-inset-inline-end))
    }

    .common-layout_close-V7jCK.common-layout_hidden-V7jCK {
      opacity: 0;
      transform: scale(0)
    }

    .fixed-append-slot_fixedAppend-4MqOS {
      background: var(--sidebar-footer-color-bg);
      gap: var(--spacing-8);
      border-end-end-radius: inherit;
      border-end-start-radius: inherit;
      flex-direction: column;
      display: flex;
      position: sticky;
      inset-block-end: 0
    }

    .fixed-append-slot_fixedAppend-4MqOS:before {
      background: linear-gradient(to top, var(--sidebar-footer-color-shadow), transparent);
      content: "";
      pointer-events: none;
      width: 100%;
      height: 32px;
      position: absolute;
      inset-block-end: 100%;
      inset-inline-start: 0
    }

    .variant-1_root-Qr2MW {
      --sidebar__horizontal-indent: var(--spacing-0);
      --sidebar__vertical-indent-top: var(--spacing-0);
      --sidebar__vertical-indent-bottom: var(--spacing-0);
      --sidebar__backdrop-background-color: var(--color-background-base-alfa-scrim);
      --sidebar__border-width: var(--border-s);
      --sidebar__desired-space: var(--sidebar-width-expanded);
      --sidebar__sheet-desired-width: var(--sidebar-width-expanded)
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW {
      --sidebar__desired-space: var(--sidebar-width-collapsed);
      --sidebar__sheet-desired-width: var(--sidebar-width-collapsed)
    }

    .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW {
      --sidebar__desired-space: 0;
      --sidebar__transition-duration: .25s;
      --sidebar__transition-easing: cubic-bezier(.33, 1, .68, 1)
    }

    .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW.variant-1_hidden-Qr2MW {
      --sidebar__offset: calc(var(--sidebar__sheet-width)*-1);
      --sidebar__transition-duration: var(--sidebar__close-transition-duration);
      --sidebar__transition-easing: cubic-bezier(.12, 0, .39, 0)
    }

    .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW:not(.variant-1_hidden-Qr2MW) {
      --sidebar__offset: 0
    }

    .variant-1_root-Qr2MW.variant-1_overlay-Qr2MW {
      --sidebar__desired-space: var(--sidebar-width-collapsed)
    }

    .variant-1_root-Qr2MW {
      --sidebar__sheet-width: calc(var(--sidebar__sheet-desired-width) + var(--safe-area-inset-inline-start))
    }

    .variant-1_sleave-Qr2MW {
      --sleave__padding-block-start: max(var(--safe-area-inset-block-start), var(--spacing-16));
      padding-block-start: var(--sleave__padding-block-start)
    }

    :is(.variant-1_sleave-Qr2MW .variant-1_content-Qr2MW):before {
      z-index: 1;
      top: calc(var(--sleave__padding-block-start)*-1);
      width: var(--border-s);
      height: calc(100% + var(--sleave__padding-block-start));
      background: var(--sidebar-color-border);
      content: "";
      position: absolute;
      inset-inline-end: 0
    }

    @media screen and (min-width:1024px) {
      .variant-1_sleave-Qr2MW {
        padding-inline-end: var(--spacing-20)
      }
    }

    .variant-1_content-Qr2MW {
      padding-inline-start: var(--safe-area-inset-inline-start);
      position: relative
    }

    .variant-1_fixedAppend-Qr2MW {
      padding-block-end: max(var(--safe-area-inset-block-end), var(--spacing-12))
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .variant-1_fixedAppend-Qr2MW {
      padding-block-end: max(var(--safe-area-inset-block-end), var(--spacing-16))
    }

    /* Dar sidebar (site-next): ikon + isteğe bağlı grup chevronu; metin ve alt satır okları gizli */
    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .base_compact-cl9BQ .base_content-cl9BQ {
      display: none !important
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .base_compact-cl9BQ:not([data-testid$="-group"]) .base_end-cl9BQ {
      display: none !important
    }

    /*.variant-1_root-Qr2MW.variant-1_compact-Qr2MW .base_compact-cl9BQ[data-testid$="-group"] {
      justify-content: space-between !important
    }*/

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .view_root-F4byz.view_compact-F4byz {
      justify-content: center;
      width: 100%
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .view_root-F4byz.view_compact-F4byz .view_content-F4byz,
    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .view_root-F4byz.view_compact-F4byz .view_icon-F4byz {
      display: none !important
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .expanded-view_items-exmUc {
      margin-inline-start: 10px
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .sidebar-slot_root-Z3KKo .expanded-view_expandable-exmUc {
      display: none !important
    }

    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .sidebar-slot_root-Z3KKo .base_content-cl9BQ,
    .variant-1_root-Qr2MW.variant-1_compact-Qr2MW .sidebar-slot_root-Z3KKo .base_end-cl9BQ {
      display: none !important
    }

    .variant-2_root-mYwP1 {
      --sidebar__horizontal-indent: var(--spacing-8);
      --sidebar__border-width: var(--border-s);
      --sidebar__vertical-indent-top: calc(var(--safe-area-inset-block-start) + var(--spacing-8));
      --sidebar__vertical-indent-bottom: max(var(--safe-area-inset-block-end), var(--spacing-8));
      --sidebar__backdrop-background-color: var(--color-background-base-alfa-scrim);
      --sidebar__desired-space: var(--sidebar-width-expanded);
      --sidebar__sheet-desired-width: var(--sidebar-width-expanded)
    }

    .variant-2_root-mYwP1.variant-2_offsetTopHeader-mYwP1 {
      --sidebar__vertical-indent-top: var(--header__height)
    }

    .variant-2_root-mYwP1.variant-2_compact-mYwP1 {
      --sidebar__desired-space: var(--sidebar-width-collapsed);
      --sidebar__sheet-desired-width: var(--sidebar-width-collapsed)
    }

    .variant-2_root-mYwP1.variant-2_offscreen-mYwP1 {
      --sidebar__desired-space: 0;
      --sidebar__transition-duration: .25s;
      --sidebar__transition-easing: cubic-bezier(.33, 1, .68, 1);
      --sidebar-width-expanded: calc(100vw - var(--sidebar__horizontal-indent)*2 - var(--safe-area-inset-left) - var(--safe-area-inset-right));
      --sidebar__vertical-indent-top: calc(var(--header__height) + var(--spacing-12));
      --sidebar__vertical-indent-bottom: calc(var(--height-layout-tabbar-with-safe-area) + var(--spacing-8));
      --sidebar__backdrop-background-color: var(--color-background-base-primary)
    }

    .variant-2_root-mYwP1.variant-2_offscreen-mYwP1.variant-2_hidden-mYwP1 {
      --sidebar__offset: calc(var(--sidebar__sheet-width)*-1);
      --sidebar__transition-duration: var(--sidebar__close-transition-duration);
      --sidebar__transition-easing: cubic-bezier(.12, 0, .39, 0)
    }

    .variant-2_root-mYwP1.variant-2_overlay-mYwP1 {
      --sidebar__desired-space: var(--sidebar-width-collapsed)
    }

    .variant-2_root-mYwP1 {
      --sidebar__sheet-width: var(--sidebar__sheet-desired-width)
    }

    .variant-2_sleave-mYwP1 {
      padding-block-start: var(--spacing-12)
    }

    .variant-2_offsetTopHeader-mYwP1 .variant-2_sleave-mYwP1 {
      padding-inline-end: 0
    }

    @media screen and (min-width:1024px) {
      .variant-2_sleave-mYwP1 {
        padding-inline-end: var(--spacing-20)
      }
    }

    .variant-2_offscreen-mYwP1:not(.variant-2_hidden-mYwP1) :is(.variant-2_sheet-mYwP1, .variant-2_sleave-mYwP1) {
      inset-inline-start: calc(var(--sidebar__horizontal-indent) + var(--safe-area-inset-inline-start))
    }

    .variant-2_sheet-mYwP1:after {
      border: 1px solid var(--sidebar-color-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      .variant-2_sheet-mYwP1:after {
        background: var(--sidebar-color-border-grad, var(--sidebar-color-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
    }

    .variant-2_fixedAppend-mYwP1 {
      margin: var(--sidebar__border-width);
      padding-block-end: var(--spacing-12)
    }

    .variant-2_fixedAppend-mYwP1>div:first-child {
      margin: calc(var(--sidebar__border-width)*-1)
    }

    .sidebar_root-dDwAD {
      z-index: var(--z-index-sidebar);
      --header__height: var(--height-layout-header-mobile-with-safe-area);
      --sidebar__close-transition-duration: var(--v7a3dcd0c);
      position: relative
    }

    @media screen and (min-width:1024px) {
      .sidebar_root-dDwAD {
        --header__height: var(--height-layout-header-desktop-with-safe-area)
      }
    }

    .sidebar_bypassTransition-dDwAD :not(svg) {
      transition-duration: 0s !important;
      animation-duration: 0s !important
    }

    .sidebar_skeleton-dDwAD {
      width: var(--sidebar-width-expanded);
      height: calc(100dvh - var(--sidebar__vertical-indent-top) - var(--sidebar__vertical-indent-bottom));
      border-radius: var(--sidebar-rounding-full);
      margin-top: var(--sidebar__vertical-indent-top);
      background: var(--color-background-base-alfa-neutral-8)
    }

    .sidebar_skeletonCompact-dDwAD {
      width: var(--sidebar-width-collapsed);
      border-radius: var(--sidebar-rounding-compact)
    }

    .sidebar_skeleton1-dDwAD {
      --sidebar__vertical-indent-top: 0;
      --sidebar__vertical-indent-bottom: 0
    }

    .sidebar_skeleton2-dDwAD {
      --sidebar__vertical-indent-top: calc(var(--safe-area-inset-block-start) + var(--spacing-8));
      --sidebar__vertical-indent-bottom: max(var(--safe-area-inset-block-end), var(--spacing-8))
    }

    .sidebar_skeleton2-dDwAD.sidebar_offsetTopHeader-dDwAD {
      --sidebar__vertical-indent-top: calc(var(--header-layout-height-desktop) + var(--safe-area-inset-block-start))
    }

    .sidebar_skeleton2-dDwAD {
      margin-inline-start: var(--spacing-8)
    }

    .sidebar-coin-shop-banner_root-AXgrR {
      background: var(--v97f8c0f4)
    }

    .sidebar-coin-shop-banner_text-AXgrR {
      max-width: 52px
    }

    .sidebar-expand-button_root-r3g2E {
      background: var(--color-border-base-alfa-divider);
      height: 1px;
      position: relative;
      z-index: calc(var(--z-index-sidebar) + 1)
    }

    .sidebar-expand-button_toggle-r3g2E {
      z-index: 1;
      top: 50%;
      position: absolute;
      inset-inline-end: calc(var(--size-control-s)/2*-1);
      transform: translateY(-50%)
    }

    .sidebar-menu-section_root-zzYh7 {
      gap: var(--spacing-4);
      flex-direction: column;
      display: flex
    }

    .sidebar-menu-tabs_root-rB4hy {
      justify-content: center;
      display: flex
    }

    .sidebar-promo-banners_root-9DzoN {
      gap: var(--spacing-8);
      width: 100%;
      display: grid
    }

    .sidebar-promo-banners_card-9DzoN {
      width: 100%
    }

    .sidebar-promo-banners_bottomPromo-9DzoN {
      gap: var(--spacing-8);
      grid-template-columns: 3fr 2fr;
      width: 100%;
      display: grid
    }

    .sidebar-promo-banners_bottomPromo-9DzoN .sidebar-promo-banners_card-9DzoN:only-child {
      grid-column: 1/-1
    }

    .sidebar-separator_root-iLWQj {
      flex-shrink: 0;
      height: 1px;
      display: flex;
      position: relative
    }

    .sidebar-separator_root-iLWQj:before {
      background: var(--v779c098a);
      content: "";
      width: 100%;
      height: 100%
    }

    .sidebar-separator_root-iLWQj.sidebar-separator_paddingInline-iLWQj {
      padding-inline: var(--v059b8646)
    }

    .sidebar-slot_root-Z3KKo {
      align-items: var(--c9752292);
      flex-direction: column;
      display: flex
    }

    .sidebar-slot_root-Z3KKo:empty {
      display: none
    }

    .sidebar-slot_root-Z3KKo.sidebar-slot_paddingBlock-Z3KKo {
      padding-block: var(--v1e7dc210)
    }

    .sidebar-slot_root-Z3KKo.sidebar-slot_paddingInline-Z3KKo {
      padding-inline: var(--v336f958e)
    }

    .sidebar-slot_root-Z3KKo.sidebar-slot_gap-Z3KKo {
      gap: var(--v4d1d814c)
    }

    .sidebar-slot_root-Z3KKo.sidebar-slot_fullHeight-Z3KKo {
      flex-grow: 1
    }

    .sidebar-slot_root-Z3KKo:before,
    .sidebar-slot_root-Z3KKo:after {
      width: 100%;
      height: var(--border-s);
      background: var(--color-border-base-alfa-divider);
      content: "";
      display: none
    }

    .sidebar-slot_root-Z3KKo.sidebar-slot_separatorPrepend-Z3KKo:before,
    .sidebar-slot_root-Z3KKo.sidebar-slot_separatorAppend-Z3KKo:after {
      display: block
    }

    .sidebar-social-and-lang_root-qkNuP {
      justify-content: space-between;
      gap: var(--spacing-8);
      display: flex
    }

    .sidebar-social-and-lang_root-qkNuP.sidebar-social-and-lang_compact-qkNuP {
      flex-direction: column;
      align-items: center
    }

    .sn-sidebar-social--compact {
      display: none
    }

    .sn-sidebar-social--expanded {
      display: flex;
      flex-grow: 1000;
      min-width: 0
    }

    .sidebar-social-and-lang_root-qkNuP.sidebar-social-and-lang_compact-qkNuP .sn-sidebar-social--compact {
      display: block;
      flex-grow: 1000;
      width: 100%
    }

    .sidebar-social-and-lang_root-qkNuP.sidebar-social-and-lang_compact-qkNuP .sn-sidebar-social--expanded {
      display: none !important
    }

    .sidebar-social-and-lang_root-qkNuP:not(.sidebar-social-and-lang_compact-qkNuP) .sidebar-social-and-lang_langPicker-qkNuP {
      flex-grow: 1
    }

    .language-picker_root-DCnIi.language-picker_compact-DCnIi>span,
    .language-picker_root-DCnIi.language-picker_compact-DCnIi .language-picker_arrowIcon-DCnIi {
      display: none
    }

    .tab_maskedIcon-4PkWF {
      background-color: var(--color-content-base-secondary);
      -webkit-mask-position: 50%;
      mask-position: 50%;
      -webkit-mask-size: 100%;
      mask-size: 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat
    }

    .tab_root-4PkWF {
      font-family: var(--font-caption-font-family);
      font-size: var(--font-caption-xs-font-size);
      font-weight: var(--font-caption-xs-semibold-font-weight);
      letter-spacing: var(--font-caption-xs-letter-spacing);
      line-height: var(--font-caption-xs-line-height);
      width: 100%;
      height: 100%;
      padding: var(--tabbar__tab-padding);
      background-color: unset;
      color: var(--color-content-base-secondary);
      cursor: pointer;
      justify-content: center;
      align-items: center;
      gap: var(--tabbar__tab-gap);
      -webkit-user-select: none;
      user-select: none;
      white-space: nowrap;
      flex-direction: column;
      display: flex
    }

    .tab_root-4PkWF.tab_active-4PkWF,
    .tab_root-4PkWF.tab_enableLinkActive-4PkWF.router-link-active {
      color: var(--tabbar-item-color-selected)
    }

    :is(.tab_root-4PkWF.tab_active-4PkWF, .tab_root-4PkWF.tab_enableLinkActive-4PkWF.router-link-active) .tab_maskedIcon-4PkWF {
      background-color: var(--tabbar-item-color-selected)
    }

    .tab_iconWrapper-4PkWF {
      background-color: var(--tabbar__tab-icon-color-bg);
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      display: flex;
      position: relative
    }

    .tab_iconWrapper-4PkWF:after {
      border: 1px solid var(--tabbar-color-bg-border);
      border-radius: inherit;
      content: "";
      pointer-events: none;
      position: absolute;
      inset: 0
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      .tab_iconWrapper-4PkWF:after {
        background: var(--tabbar-color-bg-border-grad, var(--tabbar-color-bg-border));
        -webkit-mask-composite: xor;
        border: none;
        padding: 1px;
        -webkit-mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        mask-image: linear-gradient(#000 0 0), linear-gradient(#000 0 0);
        -webkit-mask-position: 0 0, 0 0;
        mask-position: 0 0, 0 0;
        -webkit-mask-size: auto, auto;
        mask-size: auto, auto;
        -webkit-mask-repeat: repeat, repeat;
        mask-repeat: repeat, repeat;
        -webkit-mask-clip: content-box, border-box;
        mask-clip: content-box, border-box;
        -webkit-mask-origin: content-box, border-box;
        mask-origin: content-box, border-box;
        -webkit-mask-composite: xor;
        mask-composite: exclude;
        -webkit-mask-source-type: auto, auto;
        mask-mode: match-source, match-source
      }
    }

    .tab_iconWrapper-4PkWF:after {
      border-inline-width: 0
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      .tab_iconWrapper-4PkWF:after {
        padding-inline: 0
      }
    }

    .tab_hiddenIcon-4PkWF {
      visibility: hidden;
      width: 0;
      height: 0
    }

    .tab_badgeTargetWrapper-4PkWF {
      position: relative
    }

    .tab_badge-4PkWF {
      position: absolute;
      inset-block-end: 55%;
      inset-inline-start: 67%
    }

    .tab_indicator-4PkWF {
      width: 100%;
      height: 10px;
      padding-bottom: 7px;
      position: relative
    }

    .tab_active-4PkWF .tab_indicator-4PkWF:before,
    .tab_enableLinkActive-4PkWF.router-link-active .tab_indicator-4PkWF:before {
      border-radius: 0 0 var(--rounding-4)var(--rounding-4);
      background: var(--tabbar-item-color-selected);
      width: 100%;
      height: 3px;
      box-shadow: var(--tabbar-item-effect-shadow);
      content: "";
      position: absolute;
      left: 0
    }

    .tabbar_root-ep1t4 {
      background-color: var(--color-background-base-primary);
      width: 100%;
      box-shadow: inset 0 var(--tabbar__divider-height)0 0 var(--color-border-base-alfa-divider);
      justify-content: center;
      display: flex
    }

    .tabbar_tabs-ep1t4 {
      width: calc(100% - var(--safe-area-inset-right) - var(--safe-area-inset-left));
      height: var(--height-layout-tabbar-with-safe-area);
      padding: var(--tabbar__padding);
      margin: 0;
      display: flex
    }

    .tabbar_variant-1-ep1t4 {
      --tabbar__padding: 0 0 var(--padding-bottom-layout-tabbar-with-safe-area);
      --tabbar__divider-height: var(--border-s);
      --tabbar__tab-padding: var(--spacing-8)var(--spacing-4);
      --tabbar__tab-gap: var(--spacing-6);
      --tabbar__tab-icon-color-bg: transparent
    }

    .tabbar_variant-2-ep1t4 {
      --tabbar__padding: var(--spacing-8)var(--spacing-12)var(--padding-bottom-layout-tabbar-with-safe-area);
      --tabbar__divider-height: 0;
      --tabbar__tab-padding: 0;
      --tabbar__tab-gap: var(--spacing-8);
      --tabbar__tab-icon-color-bg: var(--color-background-base-secondary);
      background: linear-gradient(180deg, #0000 39.88%, var(--color-background-base-primary)39.88%)
    }

    .tabbar_variant-2-ep1t4 .tabbar_tabs-ep1t4 {
      will-change: transform
    }

    .tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:first-child .tabbar_tabIconWrapper-ep1t4 {
      border-start-start-radius: var(--tabbar-layout-radius);
      border-end-start-radius: var(--tabbar-layout-radius)
    }

    :is(.tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:first-child .tabbar_tabIconWrapper-ep1t4):after {
      border-inline-start-width: 1px
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      :is(.tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:first-child .tabbar_tabIconWrapper-ep1t4):after {
        padding-inline-start: 1px
      }
    }

    .tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:last-child .tabbar_tabIconWrapper-ep1t4 {
      border-start-end-radius: var(--tabbar-layout-radius);
      border-end-end-radius: var(--tabbar-layout-radius)
    }

    :is(.tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:last-child .tabbar_tabIconWrapper-ep1t4):after {
      border-inline-end-width: 1px
    }

    @supports (-webkit-mask-composite:xor) or (mask-composite:exclude) {
      :is(.tabbar_variant-2-ep1t4 .tabbar_tab-ep1t4:last-child .tabbar_tabIconWrapper-ep1t4):after {
        padding-inline-end: 1px
      }
    }

    .tabbar_variant-3-ep1t4 {
      --tabbar__padding: 0 var(--spacing-20)var(--padding-bottom-layout-tabbar-with-safe-area);
      --tabbar__divider-height: var(--border-s);
      --tabbar__tab-padding: 0 0 var(--spacing-6);
      --tabbar__tab-gap: var(--spacing-2);
      --tabbar__tab-icon-color-bg: transparent;
      border-radius: var(--tabbar-layout-radius)var(--tabbar-layout-radius)0 0;
      -webkit-backdrop-filter: blur(22px);
      backdrop-filter: blur(22px);
      background: var(--color-background-base-secondary)
    }

    .tabbar_tab-ep1t4 {
      flex: 1 1 0;
      list-style-type: none
    }

    .tabbar_root-PnRyY {
      z-index: var(--z-index-tabbar);
      transition-property: z-index;
      transition-delay: .5s;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0
    }

    .tabbar_root-PnRyY.tabbar_forOverlaySidebar-PnRyY {
      z-index: calc(var(--z-index-sidebar) + 1);
      transition-delay: 0s
    }

    /* Alt tab bar yalnızca 1024px altı; masaüstünde gizli */
    @media (min-width: 1024px) {
      .tabbar_root-PnRyY[data-element-id="tabbar"] {
        display: none !important;
      }
    }

    /* Dar ekranda yan sütun yer kaplamasın; drawer tamamen üstte (fixed) */
    @media (max-width: 1023.98px) {
      .template-1_root-RiCeW>.sidebar_root-dDwAD {
        flex: 0 0 0;
        width: 0;
        min-width: 0;
        max-width: 0;
        overflow: visible
      }

      /*
       * Drawer kapalıyken transform içerikte; sleave kabı fixed alanda kalıp tüm sayfayı tıklamaya kapatıyordu.
       */
      .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW.variant-1_hidden-Qr2MW :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
        pointer-events: none
      }

      .variant-1_root-Qr2MW.variant-1_offscreen-Qr2MW:not(.variant-1_hidden-Qr2MW) :is(.common-layout_sheet-V7jCK, .common-layout_sleave-V7jCK) {
        pointer-events: auto
      }
    }

    /* Mobil drawer açıkken scrim + panel, üst header’ın üstünde; modalların altında */
    html.sn-mobile-sidebar-drawer-open .sidebar_root-dDwAD {
      z-index: calc(var(--z-index-modal-layout) - 1);
    }