@gravityforms/components/dist/css/admin/phone.css

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

.gform-admin .gform-phone {
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		max-inline-size: 100%;
		position: relative;
	}

		.gform-admin .gform-phone, .gform-admin .gform-phone * {
			box-sizing: border-box;
		}

	.gform-admin .gform-phone--placeholder {
		opacity: 0.5;
	}

	.gform-admin .gform-phone__fallback {
		position: relative;
	}

	.gform-admin .gform-phone__fallback .gform-loader {
			inset-block-start: calc(50% - 20px);
			inset-inline-start: calc(50% - 20px);
			position: absolute;
			z-index: 3;
		}

	.gform-admin .gform-phone__label {
		cursor: pointer;
		margin-block-end: 0.375rem;
	}

	.gform-admin .gform-phone__required {
		display: inline-block;
		margin-inline-start: 0.375rem;
	}

	.gform-admin .gform-phone--disabled .gform-phone__label {
		cursor: default;
	}

	.gform-admin .gform-phone__wrapper {
		display: flex;
		flex-wrap: nowrap;
	}

	.gform-admin .gform-phone__dropdown {
		position: static;
	}

	.gform-admin .gform-phone__dropdown .gform-dropdown__popover-wrapper { /* extra specificity to override the default styles */
			inline-size: 100%;
			inset-block-start: calc(100% + 0.5rem);
			position: absolute;
		}

	.gform-admin .gform-phone__dropdown .gform-phone__dropdown-trigger { /* extra specificity to override the default styles */
			border-bottom-right-radius: 0;
			border-top-right-radius: 0;
			inline-size: 4.125rem;
		}

	.gform-admin .gform-phone__dropdown .gform-phone__dropdown-trigger .gform-dropdown__trigger-label, .gform-admin .gform-phone__dropdown .gform-phone__dropdown-trigger .gform-dropdown__trigger-after-label {
				clip: rect(0, 0, 0, 0);
				clip-path: inset(50%);
				height: 1px;
				margin: -1px;
				opacity: 0;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
			}

	.gform-admin .gform-phone__dropdown .gform-phone__dropdown-trigger:focus {
				z-index: 2;
			}

	.gform-admin .gform-phone__input-wrapper {
		display: flex;
		flex: 1;
		margin-inline-start: -1px;
		z-index: 1;
	}

	.gform-admin .gform-phone__input {
		border-bottom-left-radius: 0;
		border-top-left-radius: 0;
		flex: 1;
	}

	.gform-admin .gform-phone__flag-icon {
		align-items: center;
		block-size: 1.25rem;
		display: flex;
		font-size: 1.25rem;
		inline-size: 1.25rem;
		justify-content: center;
		overflow: hidden;
	}

	.gform-admin .gform-phone__help-text {
		color: #dd301d;
		margin-block-start: 0.375rem;
	}

/*# sourceMappingURL=phone.css.map */