
/**
 * /src/css/layouts/modal.css
 * 
 */
:host([data-annex-search-layout="modal"]) [data-view-name="RootView"] > div.content {
    width: 80%;
    max-width: 640px;
    position: absolute;
    left: 50%;
    box-shadow: 0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;
    transition: margin-top 350ms, margin-left 350ms, transform var(--annex-search-show-duration);
}

/**
 * Modal Alignment
 * 
 */
:host([data-annex-search-layout="modal"][data-annex-search-modal-alignment="top"]) [data-view-name="RootView"] > div.content {
    top: 15%;
    transform: translateX(-50%) scale(0.96);
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-alignment="top"][data-annex-search-showing="1"]) [data-view-name="RootView"] > div.content {
    transform: translateX(-50%) scale(1.00);
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-alignment="middle"]) [data-view-name="RootView"] > div.content {
    top: 50%;
    transform: translate(-50%, -50%) scale(0.96);
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-alignment="middle"][data-annex-search-showing="1"]) [data-view-name="RootView"] > div.content {
    transform: translate(-50%, -50%) scale(1.00);
}

/**
 * Content
 * 
 */
:host([data-annex-search-layout="modal"]) [data-view-name="RootView"] > div.content > div.disabled {
    border-radius: 12px 12px 12px 12px;
}
:host([data-annex-search-layout="modal"]) [data-view-name="RootView"] > div.content > [data-view-name="HeaderView"] {
    border-radius: 12px 12px 0 0;
}
:host([data-annex-search-layout="modal"]) [data-view-name="RootView"] > div.content > [data-view-name="FooterView"] {
    border-radius: 0 0 12px 12px;
}
:host([data-annex-search-layout="modal"]) [data-view-name="RootView"][data-state-key="results"] > div.content {
    max-height: var(--annex-search-content-max-height);
}
:host([data-annex-search-layout="modal"][data-annex-search-query]:not([data-annex-search-query=""])) [data-view-name="RootView"][data-searching="0"] > div.content > [data-view-name="HeaderView"] > div.hide {
    display: none;
}

/**
 * Stacking + shifting
 * 
 */
:host([data-annex-search-layout="modal"][data-annex-search-modal-order="1"]) [data-view-name="RootView"] > div.content {
    margin-top: -20px;
    margin-left: -20px;
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-order="2"]) [data-view-name="RootView"] > div.content {
    margin-top: -40px;
    margin-left: -40px;
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-order="3"]) [data-view-name="RootView"] > div.content {
    margin-top: -60px;
    margin-left: -60px;
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-order="4"]) [data-view-name="RootView"] > div.content {
    margin-top: -80px;
    margin-left: -80px;
}
:host([data-annex-search-layout="modal"][data-annex-search-modal-order="5"]) [data-view-name="RootView"] > div.content {
    margin-top: -100px;
    margin-left: -100px;
}
