/*
Утилитарные классы, реализующие адаптив через CSS путём показа/скрытия элемента.

Глоссарий по модификаторам:

- `forced` – означает, что мы зашили конкретное представление в `AdaptiveProvider` (ex, `<AdaptiveProvider density="regular">`).
- `mq` – означает, что для смены представления используется CSS Media Query.

---

Note: В начале классов разделить (`-`), чтобы красиво добавлялся префикс библиотеки после сборки.

*/

/* ================================================================================================================== */

@media (pointer: coarse) and (min-height: 415px),(pointer: none) and (min-height: 415px),(max-width: 767.9px) and (min-height: 415px) {
  .densityCompactMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
  .densityRegularMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (min-width: 1024px) {
  .viewWidthTabletMinusMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 1023.9px) {
  .viewWidthTabletPlusMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (min-width: 768px) {
  .viewWidthSmallTabletMinusMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 767.9px) {
  .viewWidthSmallTabletPlusMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

/* ================================================================================================================== */

@media (min-width: 768px) and (pointer: fine),(min-width: 768px) and (min-height: 720px) {
  .deviceTypeMobileMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}

@media (max-width: 767.9px),(pointer: none) and (max-height: 719.9px),(pointer: coarse) and (max-height: 719.9px) {
  .deviceTypeDesktopMq {
    /* stylelint-disable-next-line declaration-no-important */
    display: none !important;
  }
}