/**
 * Скругления UI Kit — squircle (точечно)
 *
 * `corner-shape: squircle` при тех же px `border-radius` даёт другую кривую угла; на интерфейсе с нашими
 * токенами это часто воспринимается суже и «квадратнее», чем обычное circular — поэтому не вешаем
 * squircle на панели, карточки, поля и кнопки.
 *
 * Оставляем только мелкие элементы, где squircle уже входил в привычный вид: чипы и крестик модалки.
 *
 * Концентричные радиусы: variables.css (--gc-corner-outer, --gc-corner-nest, --gc-corner-inner).
 */

@supports (corner-shape: squircle) {
    :is(
        .gc-chip:not(.gc-chip--square),
        .gc-modal .btn-close
    ) {
        corner-shape: squircle;
    }
}
