.utm-tag-generator .utm-grid .grid-row{position:relative;display:flex;flex-direction:column;align-items:baseline;gap:24px}@media only screen and (min-width: 48em){.utm-tag-generator .utm-grid .grid-row{flex-direction:row}}.utm-tag-generator .input-container{max-width:100%;width:100%}.utm-tag-generator .input-container .optional-text{display:none}.input-container{display:flex;flex-direction:column;margin-bottom:8px!important}.input-container.disabled{opacity:.48}.input-container .label-container{display:flex;justify-content:space-between;margin-bottom:4px}.input-container .label-container .input-label{font-size:var(--explainer);font-weight:600;line-height:16px}.input-container .label-container .optional-text{font-size:var(--terms);font-weight:400;font-style:normal;line-height:16px;color:var(--Function-Greyscale-600)}.input-container .input-field{position:relative;display:flex;justify-content:space-between;align-items:center;align-self:stretch;background-color:var(--white)}.input-container .input-field.focused input{border-color:var(--black)}.input-container .input-field.focused .leading-icon-right{opacity:.48;transition:all .2s}.input-container .input-field.focused .leading-icon-right:hover{opacity:1;cursor:pointer}.input-container .input-field.disabled input{pointer-events:none}.input-container .input-field.error input{border-color:var(--Function-Error-500)}.input-container .input-field.field-type-email input{padding-left:40px}.input-container .input-field input{flex-grow:1;padding:15px 40px 15px 12px;border:1px solid var(--Tertiary-Grey-60);border-radius:var(--input-border-radius);outline:none;font-size:1rem;line-height:1.25;transition:all .2s}.input-container .input-field input::placeholder{color:var(--Function-Greyscale-600)}.input-container .input-field .leading-icon-left,.input-container .input-field .leading-icon-right{position:absolute;display:flex;justify-content:center;flex-shrink:0;width:20px;height:20px}.input-container .input-field .leading-icon-left{left:12px;pointer-events:none}.input-container .input-field .leading-icon-right{right:12px;opacity:0;cursor:pointer}.input-container .error-cnt{display:flex!important;flex-direction:row;align-items:center;gap:4px;font-size:var(--explainer);line-height:16px;visibility:hidden}.input-container .error-cnt img{width:12px;height:12px}.input-container .error-cnt.show{visibility:visible}.input-container .error-cnt .error-text{color:var(--Function-Error-500)}.input-container .helper-text{font-size:var(--explainer);line-height:16px;color:var(--Function-Greyscale-600);visibility:hidden}.input-container .helper-text.show{visibility:visible}.utm-tag-generator .utm-options{width:100%;margin-bottom:24px;padding:16px;border:1px solid var(--Tertiary-Grey-60);border-radius:var(--input-border-radius);background-color:var(--white)}.utm-tag-generator .utm-options legend{margin-bottom:12px;font-size:14px;font-weight:600;font-style:normal;line-height:16px}.utm-tag-generator .utm-options .checkboxes{display:flex;flex-direction:column;gap:8px}.utm-tag-generator .utm-options .checkboxes .checkbox-cnt .label-container{gap:12px}.utm-tag-generator .utm-options .checkboxes .checkbox-cnt .label-container .description{font-size:14px}.utm-tag-generator .utm-actions{display:flex;flex-direction:column;justify-content:end;gap:16px;width:100%}@media only screen and (min-width: 32em){.utm-tag-generator .utm-actions{flex-direction:row-reverse}}.utm-tag-generator .utm-result{display:flex;flex-direction:column;width:100%;margin-bottom:24px}.utm-tag-generator .utm-result label{margin-bottom:4px;font-size:14px;font-weight:600;font-style:normal;line-height:16px}.utm-tag-generator .utm-result .result-textarea{position:relative;width:100%;padding:16px;border:1px solid var(--Tertiary-Grey-60);border-radius:var(--input-border-radius);background-color:var(--white)}.utm-tag-generator .utm-result .result-textarea textarea{width:100%;font-size:1rem;resize:none}.utm-tag-generator .utm-result .result-textarea .copy-feedback{position:absolute;right:16px;bottom:16px;display:flex;align-items:center;gap:4px;font-size:1rem;color:var(--Function-Greyscale-600)}
