@import "components/tab-bar/tab-bar.css";
@import "components/placeholder/placeholder.css";
@import "components/data-grid/data-grid.css";
@import "components/chip/chip.css";
@import "components/meter/meter.css";
@import "components/button/button.css";
@import "components/card/card.css";
@import "components/progress/progress.css";
@import "components/pagination/pagination.css";
@import "components/segment-control/segment-control.css";
@import "components/select/select.css";
@import "components/scrim/scrim.css";
@import "components/page-control/page-control.css";
@import "components/a/a.css";

@import "utilities/margins-padding.css";
@import "utilities/layout.css";

@import "tokens/tokens-color.css";
@import "tokens/tokens-spacing.css";
@import "tokens/tokens-radius.css";
@import "tokens/tokens-typography.css";
@import "tokens/metrics.css";
@import "tokens/color-classes.css";
@import "tokens/typography-classes.css";

/* General */

* {
    cursor: default;
}

::selection {
    color: #fff;
    background-color: var(--c-tint-2-content);
}

/* Popover positioning */

[popover].caller-anchored {
    position: absolute;
    white-space: nowrap;
    top: anchor(bottom);
    left: anchor(left);
    position-try-fallbacks: --fallback-right;
}

@position-try --fallback-right {
    inset: unset;
    top: anchor(bottom);
    right: anchor(right);
}
