@import '../variables.scss';

:root {
    @include create-token(components-z-index-draggable-dragging, 10000);
    @include create-token(components-z-index-toast, 9999);
    @include create-token(components-z-index-fullscreen-overlay, 9998);
    @include create-token(
        components-z-index-context-menu-position-adjuster,
        9999
    );
    @include create-token(components-z-index-context-menu-click-catcher, 9998);
    @include create-token(components-z-index-modal-wrapper, 999);
    @include create-token(components-z-index-modal-mask, 999);
    @include create-token(components-z-index-modal-positioned, 999);
    @include create-token(components-z-index-sheet-wrapper, 999);
    @include create-token(components-z-index-badge-counter, 500);
    @include create-token(components-z-index-drop-content, 99);
    @include create-token(components-z-index-table-sticky-pagination, 98);
    @include create-token(components-z-index-checkbox-input, 1);
    // Tooltips portal to react-aria's top layer; keep the default there.
    @include create-token(components-z-index-tooltip, 100000);
    @include create-token(components-z-index-line-heading-text, 1);
    @include create-token(components-z-index-line-heading-visual-line, 0);
    @include create-token(components-z-index-file-upload-input, -1);
}