Как использовать (max-device-width) и (min-device-width) одновременно в styleled-компонентах?

Question

const size = {
  mobileS: '320px',
  mobileL: '425px',
}
export const device = {
  mobile: `(min-width: ${size.mobileS}) and (max-width: ${size.mobileL})`,
};

Я пытался создать собственное устройство и пытался использовать его, но оно не работало. Как использовать минимальную и максимальную ширину одновременно?