@gravityforms/components/dist/css/admin/multi-option-button.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin .gform-multi-option-button {
		display: inline-grid;
		grid-template-columns: minmax(max-content, auto) 1.8125rem;
		position: relative;
	}

		.gform-admin .gform-multi-option-button * {
			box-sizing: border-box;
		}

	.gform-admin .gform-multi-option-button--width-full {
		grid-template-columns: minmax(0, 1fr) 1.8125rem;
		inline-size: 100%;
	}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__main {
			justify-content: center;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option {
			padding-inline-end: 3rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-xs {
			padding-inline-end: 2.5625rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-sm {
			padding-inline-end: 2.6875rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-xl {
			padding-inline-end: 3.4375rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-height-s {
			padding-inline-end: 2.375rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-height-m {
			padding-inline-end: 2.5rem;
		}

	.gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-height-l, .gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-height-xl, .gform-admin .gform-multi-option-button--width-full .gform-multi-option-button__option.gform-button--size-height-xxl {
			padding-inline-end: 2.75rem;
		}

	.gform-admin .gform-multi-option-button--open .gform-multi-option-button__main {
			border-end-start-radius: 0;
		}

	.gform-admin .gform-multi-option-button--open .gform-multi-option-button__trigger {
			border-end-end-radius: 0;
		}

	.gform-admin .gform-multi-option-button__main {
		border-end-end-radius: 0;
		border-start-end-radius: 0;
		grid-column: 1;
		grid-row: 1;
		inline-size: 100%;
	}

	.gform-admin .gform-multi-option-button__main:focus, .gform-admin .gform-multi-option-button__trigger:focus {
		z-index: 11;
	}

	.gform-admin .gform-multi-option-button__trigger {
		border-end-start-radius: 0;
		border-start-start-radius: 0;
		grid-column: 2;
		grid-row: 1;
		inline-size: 1.875rem;
		justify-content: center;
		margin-inline-start: -0.0625rem;
		padding-inline: 0;
	}

	.gform-admin .gform-multi-option-button__trigger.gform-button--primary-new {
			background: #36547e;
			border-color: #36547e;
		}

	.gform-admin .gform-multi-option-button__trigger.gform-button--primary-new:hover, .gform-admin .gform-multi-option-button__trigger.gform-button--primary-new:active {
				background: #242748;
				border-color: #242748;
			}

	.gform-admin .gform-multi-option-button__trigger.gform-button--primary-new:focus {
				border-color: #f6f9fc;
			}

	.gform-admin .gform-multi-option-button__popover {
		grid-column: 1 / -1;
		grid-row: 1;
		inline-size: 100%;
	}

	.gform-admin .gform-multi-option-button__popover-inner {
		min-inline-size: 100%;
	}

	.gform-admin .gform-multi-option-button__options {
		display: flex;
		flex-direction: column;
	}

	.gform-admin .gform-multi-option-button__sizer {
		block-size: 0;
		display: flex;
		flex-direction: column;
		grid-column: 1 / -1;
		grid-row: 1;
		pointer-events: none;
		visibility: hidden;
	}

	.gform-admin .gform-multi-option-button__option {
		box-shadow: none;
		margin-block-start: -0.0625rem;
	}

	.gform-admin .gform-multi-option-button__option:not(:last-child) {
			border-radius: 0;
		}

	.gform-admin .gform-multi-option-button__option:last-child {
			border-start-end-radius: 0;
			border-start-start-radius: 0;
		}

	.gform-admin .gform-multi-option-button__option:focus {
			z-index: 1;
		}

	.gform-admin .gform-multi-option-button__sizer-option {
		inline-size: auto;
	}

/*# sourceMappingURL=multi-option-button.css.map */