/* stylelint-disable selector-class-pattern, no-invalid-double-slash-comments, selector-type-case, max-line-length */
@import "styles/common.scss";
@import "components/**/*.scss";

@import "~@orchard/frontend-promo-player-builder/build/frontend-promo-player-builder-esm.css";
@import "~@orchard/frontend-audio-player/build/frontend-audio-player-esm.css";

// Import suite-frontend vars globally (includes suite-components vars + additional variables)
@import "~@theorchard/suite-frontend/vars";

.WorkstationSuiteComponents,
.TimezoneSelector {
    /* stylelint-disable-next-line no-invalid-position-at-import-rule */
    @import "~@theorchard/suite-components/styles";
}

.module-frontend-distribution {

    /* stylelint-disable selector-no-type */
    // TODO: look into a global reset?
    p {
        margin: 0;
    }

    b {
        font-weight: 500;
    }

    // This is because we use multiple versions of react-select, causing conflicts in the css namespace
    .Select-multi-value-wrapper {
        position: relative;
    }
}