@use "variables" as *;

:host {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 100%;
    height: 100%;
    background-color: $white;

    router-outlet {
        display: none;
    }
}

// Selectors overlayPanel and dialog
::ng-deep {
    dot-wizard {
        dot-dialog {
            &.active {
                z-index: 1103 !important;
            }
        }
    }

    .p-overlaypanel.edit-ema-selector.p-component {
        .p-overlaypanel-content {
            padding: 0;
        }
    }

    .p-dialog.edit-ema-dialog.p-component {
        .p-dialog-content {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            padding: 0;
        }
    }

    .p-confirm-dialog {
        .p-dialog-content {
            padding: 0 $spacing-6 $spacing-6 $spacing-6;
        }
    }

    dot-experiments-shell dot-experiments-list {
        .dot-experiment {
            padding: $spacing-3 $spacing-5 $spacing-5 $spacing-5 !important;
        }
    }
}
