@radix-ui/themes/src/styles/utilities/flex-shrink.css

[](https://radix-ui.com/themes)

@breakpoints {
  .rt-r-fs {
    /* Keep this selector here to maintain the source order */
  }
  .rt-r-fs-0 {
    flex-shrink: 0;
  }
  .rt-r-fs-1 {
    flex-shrink: 1;
  }
}

.rt-r-fs {
  flex-shrink: var(--flex-shrink);
}
@media (--xs) {
  .xs\:rt-r-fs {
    flex-shrink: var(--flex-shrink-xs);
  }
}
@media (--sm) {
  .sm\:rt-r-fs {
    flex-shrink: var(--flex-shrink-sm);
  }
}
@media (--md) {
  .md\:rt-r-fs {
    flex-shrink: var(--flex-shrink-md);
  }
}
@media (--lg) {
  .lg\:rt-r-fs {
    flex-shrink: var(--flex-shrink-lg);
  }
}
@media (--xl) {
  .xl\:rt-r-fs {
    flex-shrink: var(--flex-shrink-xl);
  }
}