/* Unlocked Gift Cards: product page fields. Inherits fonts and colours from the theme. */
.ugc-fields { margin: 0 0 1.5em; width: 100%; }
.ugc-fields fieldset { border: 0; margin: 0 0 1.25em; padding: 0; min-width: 0; }
.ugc-fields legend { font-weight: 600; margin-bottom: .5em; padding: 0; }
.ugc-amount-buttons { display: flex; flex-wrap: wrap; gap: .5em; margin-bottom: .75em; }
.ugc-amount-button {
	min-width: 4.5em; padding: .6em 1em; border: 2px solid currentColor; border-radius: 6px;
	background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; opacity: .75;
}
.ugc-amount-button:hover, .ugc-amount-button:focus-visible { opacity: 1; }
.ugc-amount-button.is-active { opacity: 1; background: var(--color-content-primary, #e63946); border-color: var(--color-content-primary, #e63946); color: #fff; }
.ugc-amount-custom { display: block; }
.ugc-amount-custom > span:first-child { display: block; font-size: .9em; margin-bottom: .35em; }
.ugc-amount-input { display: inline-flex; align-items: center; gap: .4em; }
.ugc-amount-input input { width: 8em; }
.ugc-row { margin: 0 0 .75em; }
.ugc-row label { display: block; font-size: .9em; margin-bottom: .25em; }
.ugc-row input, .ugc-row textarea { width: 100%; max-width: 100%; box-sizing: border-box; }
.ugc-counter { display: block; text-align: right; opacity: .7; font-size: .8em; }
.ugc-note { margin: .8em 0 0; opacity: .8; font-size: .9em; }
.ugc-amount-error { margin: .5em 0 0; padding: .55em .8em; border-left: 3px solid #e5484d; background: rgba(229, 72, 77, .12); color: inherit; font-size: .9em; }
.ugc-fields.has-error #ugc_amount { border-color: #e5484d; }