
/**
 * /src/css/host.css
 * 
 */

/**
 * (root)
 * 
 */
:host {
    all: initial;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    pointer-events: none;
    z-index: 2147483647;
}

/**
 * Open
 * 
 */
:host([data-annex-search-showing="1"]) {
    opacity: 1;
}
:host([data-annex-search-showing="1"]) * {
    pointer-events: auto;
}

/**
 * Ready
 * 
 */
:host([data-annex-search-ready="1"]) {
    transition: opacity var(--annex-search-show-duration);
}

/**
 * Dead
 * 
 */
:host([data-annex-search-disabled="1"]) [data-view-name="RootView"] > div.content *,
:host([data-annex-search-disabled="1"]) [data-view-name="RootView"] > div.content * input {
    user-select: none;
}
:host([data-annex-search-disabled="1"]) [data-view-name="RootView"] > div.content * {
    pointer-events: none;
}
:host([data-annex-search-disabled="1"]) [data-view-name="RootView"] > div.content > div.disabled {
    opacity: 0.75;
}
:host([data-annex-search-disabled="1"][data-annex-search-showing="1"]) [data-view-name="RootView"] > div.overlay {
    pointer-events: auto;
}
