/**
 * React Fabric
 * @version 1.0.0
 * @license MIT
 * @copyright 2024 Adarsh Pastakia
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 *
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 * SOFTWARE.
 */

@custom-variant dark (&:where([data-color-scheme="dark"]:not(:has([data-color-scheme])), [data-color-scheme="dark"]:not(:has([data-color-scheme])) *));

@custom-variant is-active (&:where([data-active="true"], [data-active="true"] *));

@custom-variant is-disabled (&:where([data-disabled="true"], [data-disabled="true"] *));

@custom-variant is-collapsed (&:where([data-collapsed="true"], [data-collapsed="true"] *));

@custom-variant is-expanded (&:where([data-expanded="true"], [data-expanded="true"] *));

@custom-variant is-loading (&:where([data-loading="true"], [data-loading="true"] *));

@custom-variant is-selected (&:where([data-selected="true"], [data-selected="true"] *));

@custom-variant is-rounded (&:where([data-rounded="true"], [data-rounded="true"] *));

@custom-variant is-vertical (&:where([data-vertical="true"], [data-vertical="true"] *));

@custom-variant is-clickable (&:where([data-clickable="true"], [data-clickable="true"] *));

@custom-variant not-2xs (@media (width >= theme(--breakpoint-xs)));

@custom-variant not-xs (@media ((width < theme(--breakpoint-xs)) or (width >= theme(--breakpoint-sm))));

@custom-variant not-sm (@media ((width < theme(--breakpoint-sm)) or (width >= theme(--breakpoint-md))));

@custom-variant not-md (@media ((width < theme(--breakpoint-md)) or (width >= theme(--breakpoint-lg))));

@custom-variant not-lg (@media ((width < theme(--breakpoint-lg)) or (width >= theme(--breakpoint-xl))));

@custom-variant not-xl (@media ((width < theme(--breakpoint-xl)) or (width >= theme(--breakpoint-2xl))));

@custom-variant not-2xl (@media (width < theme(--breakpoint-2xl)));

@custom-variant only-2xs (@media ((width >= 0) and (width < theme(--breakpoint-xs))));

@custom-variant only-xs (@media ((width >= theme(--breakpoint-xs)) and (width < theme(--breakpoint-sm))));

@custom-variant only-sm (@media ((width >= theme(--breakpoint-sm)) and (width < theme(--breakpoint-md))));

@custom-variant only-md (@media ((width >= theme(--breakpoint-md)) and (width < theme(--breakpoint-lg))));

@custom-variant only-lg (@media ((width >= theme(--breakpoint-lg)) and (width < theme(--breakpoint-xl))));

@custom-variant only-xl (@media ((width >= theme(--breakpoint-xl)) and (width < theme(--breakpoint-2xl))));

@custom-variant only-2xl (@media (width >= theme(--breakpoint-2xl)));

@custom-variant @not-4xs (@container (width >= theme(--container-3xs)));

@custom-variant @not-3xs (@container ((width < theme(--container-3xs)) or (width >= theme(--container-2xs))));

@custom-variant @not-2xs (@container ((width < theme(--container-2xs)) or (width >= theme(--container-xs))));

@custom-variant @not-xs (@container ((width < theme(--container-xs)) or (width >= theme(--container-sm))));

@custom-variant @not-sm (@container ((width < theme(--container-sm)) or (width >= theme(--container-md))));

@custom-variant @not-md (@container ((width < theme(--container-md)) or (width >= theme(--container-lg))));

@custom-variant @not-lg (@container ((width < theme(--container-lg)) or (width >= theme(--container-xl))));

@custom-variant @not-xl (@container ((width < theme(--container-xl)) or (width >= theme(--container-2xl))));

@custom-variant @not-2xl (@container ((width < theme(--container-2xl)) or (width >= theme(--container-3xl))));

@custom-variant @not-3xl (@container ((width < theme(--container-3xl)) or (width >= theme(--container-4xl))));

@custom-variant @not-4xl (@container ((width < theme(--container-4xl)) or (width >= theme(--container-5xl))));

@custom-variant @not-5xl (@container ((width < theme(--container-5xl)) or (width >= theme(--container-6xl))));

@custom-variant @not-6xl (@container ((width < theme(--container-6xl)) or (width >= theme(--container-7xl))));

@custom-variant @not-7xl (@container (width < theme(--container-7xl)));

@custom-variant @only-4xs (@container ((width >= 0) and (width < theme(--container-3xs))));

@custom-variant @only-3xs (@container ((width >= theme(--container-3xs)) and (width < theme(--container-2xs))));

@custom-variant @only-2xs (@container ((width >= theme(--container-2xs)) and (width < theme(--container-xs))));

@custom-variant @only-xs (@container ((width >= theme(--container-xs)) and (width < theme(--container-sm))));

@custom-variant @only-sm (@container ((width >= theme(--container-sm)) and (width < theme(--container-md))));

@custom-variant @only-md (@container ((width >= theme(--container-md)) and (width < theme(--container-lg))));

@custom-variant @only-lg (@container ((width >= theme(--container-lg)) and (width < theme(--container-xl))));

@custom-variant @only-xl (@container ((width >= theme(--container-xl)) and (width < theme(--container-2xl))));

@custom-variant @only-2xl (@container ((width >= theme(--container-2xl)) and (width < theme(--container-3xl))));

@custom-variant @only-3xl (@container ((width >= theme(--container-3xl)) and (width < theme(--container-4xl))));

@custom-variant @only-4xl (@container ((width >= theme(--container-4xl)) and (width < theme(--container-5xl))));

@custom-variant @only-5xl (@container ((width >= theme(--container-5xl)) and (width < theme(--container-6xl))));

@custom-variant @only-6xl (@container ((width >= theme(--container-6xl)) and (width < theme(--container-7xl))));

@custom-variant @only-7xl (@container (width >= theme(--container-7xl)));