@use '@cloud-ru/ds-figma-variables/build/scss/styles/styles.module' as base;
@use '@cloud-ru/ds-figma-variables/build/scss/components/list.module' as list;

// Триггер повторяет анатомию listItem size m из @cloud-ru/ds-list (Figma mobileSidebar).
.wrapper {
  @include base.composite-var(base.$sn-regular-body-m);

  cursor: pointer;

  display: flex;
  gap: list.$sn-list-anatomy-size-m-listItem-gap;
  align-items: center;

  box-sizing: border-box;
  padding: list.$sn-list-anatomy-size-m-listItem-paddingVertical list.$sn-list-anatomy-size-m-listItem-paddingHorizontal;

  color: base.$sn-theme-color-available-version-textMain;
}

.triggerText {
  flex-grow: 1;
  padding: list.$sn-list-anatomy-size-m-listItem-contentWrapper-paddingVertical
    list.$sn-list-anatomy-size-m-listItem-contentWrapper-textWrapper-textContent-paddingHorizontal;
}

.chevron {
  display: flex;
  flex-shrink: 0;
  padding-block: list.$sn-list-anatomy-size-m-listItem-centeredWrapper-paddingVertical;
  color: base.$sn-theme-color-available-version-textTertiary;
}