/*
----------------------------------------------------------------

theme-foundation.css
Gravity Forms Theme Foundation Styles & CSS API
For Survey Add-On
A Gravity Forms theme framework foundation responsible for layout,
out-of-the-box enhanced ui, and other basic required styles for
Survey Add-On.
https://www.gravityforms.com

Gravity Forms is a Rocketgenius project
copyright 2008-2023 Rocketgenius Inc.
https://www.rocketgenius.com
this may not be re-distributed without the
express written permission of the author.

NOTE: DO NOT EDIT THIS FILE!
THIS FILE IS REPLACED DURING AUTO UPGRADE
AND ANY CHANGES MADE HERE WILL BE OVERWRITTEN.

----------------------------------------------------------------
*/

/* Fields */

/*
NOTE:
Within the var() functions below, when two custom properties are specified, the first
value is the updated Theme Framework CSS API property and the second value is the
deprecated CSS API property.

Deprecated version (core): 2.8
End of support version (core): 2.9
Deprecated version (survey): 3.8.1
*/

.gform-theme--foundation table.gsurvey-likert {
		inline-size: 100%;
		table-layout: fixed;
		text-align: center;
	}

.gform-theme--foundation table.gsurvey-likert th, .gform-theme--foundation table.gsurvey-likert td {
			-webkit-padding-after: 8px;
			        padding-block-end: 8px;
			-webkit-padding-before: 8px;
			        padding-block-start: 8px;
			vertical-align: middle;
		}

.gform-theme--foundation table.gsurvey-likert .gsurvey-likert-row-label {
			-webkit-padding-start: var(--gform-theme-padding-inline);
			        padding-inline-start: var(--gform-theme-padding-inline);
			-webkit-padding-start: var(--gf-padding-x, var(--gform-theme-padding-inline));
			        padding-inline-start: var(--gf-padding-x, var(--gform-theme-padding-inline));
			text-align: start;
		}

@media only screen and (max-width: 761px), (min-device-width: 768px) and (max-device-width: 1024px) {

		.gform-theme--foundation table.gsurvey-likert thead {
			left: -9999px;
			position: absolute;
			top: -9999px;
		}

		.gform-theme--foundation table.gsurvey-likert tr {
			display: block;
		}

		.gform-theme--foundation table.gsurvey-likert td {
			display: block;
			text-align: start;
			vertical-align: middle;
		}

		.gform-theme--foundation .gform_fields table.gsurvey-likert td::after {
			content: attr(data-label);
			display: inline-block;
		}
	}

/*
NOTE:
Within the var() functions below, when two custom properties are specified, the first
value is the updated Theme Framework CSS API property and the second value is the
deprecated CSS API property.

Deprecated version (core): 2.8
End of support version (core): 2.9
Deprecated version (survey): 3.8.1
*/

.gform-theme--foundation .gsurvey-rank {
		display: inline-block;
		inline-size: auto;
	}

.gform-theme--foundation .gsurvey-rank .gsurvey-rank-choice {
			cursor: move;
			inline-size: auto;
			margin-inline: 0;
			padding-block: calc(var(--gform-theme-field-choice-meta-spacing) / 2);
			padding-block: calc(var(--gf-field-choice-meta-space, var(--gform-theme-field-choice-meta-spacing)) / 2);
		}

.gform-theme--foundation .gsurvey-rating {
		float: left;
	}

.gform-theme--foundation .gsurvey-rating > label span {

			border: 0;

			clip: rect(0, 0, 0, 0);

			height: 1px;

			margin: -1px;

			overflow: hidden;

			padding: 0;

			position: absolute;

			white-space: nowrap;

			width: 1px;
		}

.gform-theme--foundation .gsurvey-rating:not(:checked) > input {
				clip: rect(0, 0, 0, 0);
				position: absolute;
			}

.gform-theme--foundation .gsurvey-rating:not(:checked) > label {
				background-image: url(../../../images/star-unselected.svg);
				background-position: center center;
				background-repeat: no-repeat;
				background-size: 28px;
				block-size: 28px;
				cursor: pointer;
				float: right;
				inline-size: 34px;
				overflow: hidden;
				padding-inline: 15px;
				white-space: nowrap;
			}

.gform-theme--foundation .gsurvey-rating:not(:checked) > label::before {
					content: "\00a0\00a0\00a0\00a0";
				}

.gform-theme--foundation .gsurvey-rating:not(:checked) > label:hover, .gform-theme--foundation .gsurvey-rating:not(:checked) > label:hover ~ label, .gform-theme--foundation .gsurvey-rating > input:checked ~ label {
			background-image: url(../../../images/star-selected.svg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: 28px;
		}

html[dir="rtl"] .gform-theme--foundation .gsurvey-rating, body.rtl .gform-theme--foundation .gsurvey-rating {
			flex-direction: row-reverse;
		}

.gform-theme--foundation .gsurvey-rating-wrapper::after {
		clear: both;
		content: "";
		display: block;
	}

html[dir="rtl"] .gform-theme--foundation .gsurvey-rating-wrapper, body.rtl .gform-theme--foundation .gsurvey-rating-wrapper, html[dir="rtl"] .gform-theme--foundation .gsurvey-rating, body.rtl .gform-theme--foundation .gsurvey-rating {
			display: flex;
		}

/*# sourceMappingURL=theme-foundation.css.map */