@import "modules/variables";

// Share UI styles
@import "~@wpmudev/shared-ui/scss/functions";
@import "~@wpmudev/shared-ui/scss/colors";
@import "~@wpmudev/shared-ui/scss/variables";
$google-fonts-url: 'https://fonts.bunny.net/css?family=Roboto:400,500,700';
@import "~@wpmudev/shared-ui/scss/mixins";
@import "~@wpmudev/shared-ui/scss/accessibility";
@import "~@wpmudev/shared-ui/scss/animations";
@import "~@wpmudev/shared-ui/scss/typography";
@import "~@wpmudev/shared-ui/scss/icons";
@import "~@wpmudev/shared-ui/scss/buttons";
@import "~@wpmudev/shared-ui/scss/boxes";
@import "~@wpmudev/shared-ui/scss/box-settings";
@import "~@wpmudev/shared-ui/scss/layout";
@import "~@wpmudev/shared-ui/scss/forms";
@import "~@wpmudev/shared-ui/scss/modals";
@import "~@wpmudev/shared-ui/scss/utility";
@import "~@wpmudev/shared-ui/scss/radio-checkbox";
// Box Selectors
@import "~@wpmudev/shared-ui/scss/_box-selectors";

// Deactivation survey RTL layout fixes.
[dir='rtl'] {
	.wp-smush-deactivation-survey-modal {
		.sui-box-header {
			.sui-actions-right {
				margin-left: 0;
				margin-right: auto;
			}
		}

		.sui-radio {
            margin-right: 0px;
			span:first-of-type {
				margin-right: 0;
                margin-left: 10px;
			}
		}

		.sui-box-footer {
			.sui-actions-right {
				margin-left: 0;
				margin-right: auto;
			}
		}
	}
}