// We need to wrap it with #wpbody for consistency
$opui-wrapper: '.op-templates-admin-app #wpbody';

// Vendor
@import '~optimizepress-ui/src/scss/ui.scss';

// Global
.op-templates-root {
    scroll-behavior: smooth;
}

.op-templates-admin-app #wpcontent {
    padding-left: 0;
}

.op-templates-admin-app .opui-main {
    padding-bottom: 60px;
}

// Components
.op-templates-admin-app {
    @import 'components/animations';
    @import 'components/modal';
    @import 'components/notifications';
    @import 'components/select2';
    @import 'components/hero';
    @import 'components/filters';
    @import 'components/template-list';
    @import 'components/details';

    .opui-container {
        max-width: 2100px !important;
    }

    .optpl-container.optpl-container__my-templates,
    .optpl-container.optpl-container__favorites {
        .optpl-filters-container, .optpl-filter__show-filters {
            display: none;
        }
    }
}