@yoobic/yobi 7.7.89 → 7.7.93

package/dist/esm/{form-helpers-1b9c9641.js → form-helpers-304f10bc.js}

@@ -16,6 +16,7 @@ import { s as sortBy } from './sortBy-f7a2a4cf.js';
 import { c as cloneDeep } from './cloneDeep-7e28f486.js';
 import { g as get } from './get-3cbd3bd6.js';
 import { i as isUndefined } from './isUndefined-11cbe419.js';
+import { i as isNil } from './isNil-7611dfec.js';
 import { t as toInteger } from './toInteger-9e62a9cd.js';
 import { m as map } from './map-55451e6b.js';
 import { c as clone } from './clone-60e20a59.js';
@@ -835,6 +836,9 @@ function answerIsValid(value, answer, field) {
   if (isBooleanField(field)) {
     answer = [].concat(answer).map((a) => !isNull(a) && !isUndefined(a) && (a === 'true' || a === true || a.toUpperCase() === this.translate.get('true').toUpperCase()));
   }
+  if (field.type === FormFieldType.selectimage && !isNil(answer)) {
+    answer = [].concat(answer).map(a => a.text ? a.text : a);
+  }
   if ((answer === null || answer === void 0 ? void 0 : answer.sort) && ignoreOrder) {
     return isEqual(answer.sort(), [].concat(value).sort());
   }

package/dist/esm/{form-helpers-63173698.js → form-helpers-d54ae23e.js}

@@ -1,7 +1,7 @@
 import { F as FormFieldType } from './input-bar.interface-4e956599.js';
 import { j as getSession, a3 as isNullOrUndefined, K as getAsyncExtraData, t as translate, u as isArray, a4 as isObject } from './rrule-5a2de9bb.js';
 import { a as isDateTimeField } from './filters-helpers-51aea915.js';
-import { g as getNameAndData, a as getFieldsFromSlides, b as getFieldValue, c as getFieldReplacement, d as getSessionReplacementValue, s as slenderizeObject, e as evalInContext, f as evalConditionsInContext, h as concat, i as getFormulaReplacement } from './form-helpers-1b9c9641.js';
+import { g as getNameAndData, a as getFieldsFromSlides, b as getFieldValue, c as getFieldReplacement, d as getSessionReplacementValue, s as slenderizeObject, e as evalInContext, f as evalConditionsInContext, h as concat, i as getFormulaReplacement } from './form-helpers-304f10bc.js';
 import { e as escapeRegExp } from './string-helpers-9646d8e3.js';
 import { V as VALIDATORS, p as getReducedValidator } from './form-input-helpers-da854059.js';
 import { s as set } from './set-49f718d9.js';

package/dist/esm/{grid-renderers-1dd42472.js → grid-renderers-f81f061f.js}

@@ -1,4 +1,4 @@
-import { d as IncentiveStatus, a as IncentivePartType, e as IncentiveType } from './input-bar.interface-4e956599.js';
+import { F as FormFieldType, d as IncentiveStatus, a as IncentivePartType, e as IncentiveType } from './input-bar.interface-4e956599.js';
 import { E as getCssColor, u as isArray, aZ as getContrastColor, as as isFunction, a1 as compact, Y as translateMulti, t as translate, a9 as dateFormat, bi as dateParse, a0 as toDate, aq as dispatchCustomEvent, aG as dateDiff, aH as toHours, bj as utc, a4 as isObject } from './rrule-5a2de9bb.js';
 import { t as toButton } from './button-helpers-72e796f6.js';
 import { e as groupsResolver, i as aclRolesResolver, g as getUserDisplayName } from './entities-helpers-122c20c3.js';
@@ -6,14 +6,14 @@ import { p as pipes, r as round } from './pipe-e40e660a.js';
 import { s as salesAIGetColorFromPattern, a as salesAIFormatDemand } from './salesai-helpers-82535622.js';
 import './ResizeObserver.es-a8772c31.js';
 import { t as dateRangeState } from './common-helpers-f3296dd7.js';
-import { f as getJSONHighlighted } from './form-helpers-63173698.js';
+import { f as getJSONHighlighted } from './form-helpers-d54ae23e.js';
 import { f as formatDistance } from './geolocation-helpers-84299bd6.js';
 import { b as getWorkflowStepBadge } from './operation-helpers-d3996895.js';
 import { i as isNumber } from './isNumber-5a14c4d5.js';
 import { i as isString } from './isString-1673d591.js';
 import { g as get } from './get-3cbd3bd6.js';
 import { i as isEmpty } from './isEmpty-7879f636.js';
-import { l as indexOf } from './form-helpers-1b9c9641.js';
+import { l as indexOf } from './form-helpers-304f10bc.js';
 import { k as keys } from './keys-ec469112.js';
 import { m as map } from './map-55451e6b.js';
 
@@ -592,7 +592,13 @@ function catalogRenderer(params) {
   return formCatalog;
 }
 function documentRenderer(params) {
-  const documents = compact([].concat(params.value));
+  let documents = [];
+  if (params.colDef.fieldDefinition.type === FormFieldType.document) {
+    documents = compact([].concat(params.colDef.fieldDefinition.document));
+  }
+  else {
+    documents = compact([].concat(params.value));
+  }
   const wrapper = document.createElement('div');
   wrapper.classList.add('col');
   if (documents.length > 0) {

package/dist/esm/{index-6f7890f4.js → index-70924cfc.js}

@@ -2,7 +2,7 @@ import { i as FormCreatorOptions, F as FormFieldType, S as ScoringCategory, A as
 import { u as isArray, a3 as isNullOrUndefined, t as translate, Y as translateMulti, a1 as compact } from './rrule-5a2de9bb.js';
 import { g as getUUID } from './index-7a08441e.js';
 import { m as getCustomName, f as findField, n as isValueALegacyTranslationKey } from './form-creator-helpers-e288d1e2.js';
-import { m as generateUniqueKey, n as isTranslationKey } from './form-helpers-1b9c9641.js';
+import { m as generateUniqueKey, n as isTranslationKey } from './form-helpers-304f10bc.js';
 import './ResizeObserver.es-a8772c31.js';
 import { i as isAnnotationEmpty } from './annotations-helpers-d026cd25.js';
 import { c as cloneDeep } from './cloneDeep-7e28f486.js';

package/dist/esm/index.js

@@ -14,7 +14,7 @@ export { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
 export { c as createDot, d as deleteDot, a as deleteDots, b as deleteEmptyDots, i as getDotCoordsFromEvent, k as getDotInnerElement, j as getDotToolTipElement, h as hideAllDotTooltips, e as hideAllUnFocusedTooltips, r as reorderDotIndexes, f as saveTooltipContent, g as setDotEditable, l as setDotIndexes, s as showDotTooltip } from './draggable-dots-helpers-64c79f38.js';
 export { q as animateTags, d as checkArray, t as dropToZone, f as filterDuplicateEntries, j as getDroppedTagsValues, g as getDuplicatedValue, b as getNewValue, k as getTagZone, e as getTagsValues, i as hasDropZones, a as hasDuplicates, h as hasValuesChanged, p as initTags, u as initZones, n as isDropZoneFull, o as isTagInZone, m as isTagOverlapping, l as isTagsZone, r as resetTags, s as setDynamicTagZoneHeight, c as showWarningAlert } from './draggable-tags-helpers-a104cef1.js';
 export { g as groupsFullResolver, o as onUserClick, p as parseEntityCommentsForCardList, b as parseEntityForCardListChat, a as parseEntityForCardMedia, s as sanitizeMentionTag } from './entities-helpers-2876d199.js';
-export { d as generateLabel, e as getDynamicProperty, f as getJSONHighlighted, g as getTypeValidation, h as initArrayValue, i as isCreationAllowed, c as isDisabled, b as isReadonly, a as isRequired, s as setFieldData, u as updateFormulas } from './form-helpers-63173698.js';
+export { d as generateLabel, e as getDynamicProperty, f as getJSONHighlighted, g as getTypeValidation, h as initArrayValue, i as isCreationAllowed, c as isDisabled, b as isReadonly, a as isRequired, s as setFieldData, u as updateFormulas } from './form-helpers-d54ae23e.js';
 export { c as blurActiveElement, d as convertValueForInputType, f as focusContentEditable, e as formatMinMaxDate, i as getFormBottomPosition, g as getTimeDisplayValue, n as initNumber, k as onFocus, h as onIconClicked, m as onInputBlurred, o as onInputClear, l as onInputFocused, j as onValidityChanged, s as setValidator, a as setValueAndResetInputValidity, b as setValueAndValidateInput, t as taskStyle, v as validate } from './form-input-helpers-da854059.js';
 export { f as fixParagraphRandomEl, e as fuzzySearch, d as getInsertElementProp, g as getSelection, c as getTagHTML, i as isMentionTag, r as restoreCursorPosition, s as safeInsert, a as safeInsertElements, b as safeReplaceElement } from './form-text-area-helpers-eff7814d.js';
 export { f as formatDistance, g as getGeolocation } from './geolocation-helpers-84299bd6.js';
@@ -68,7 +68,7 @@ import './toInteger-9e62a9cd.js';
 import './orderBy-c365859b.js';
 import './_baseOrderBy-8cdf0a8b.js';
 import './url-helpers-91100b28.js';
-import './form-helpers-1b9c9641.js';
+import './form-helpers-304f10bc.js';
 import './video-player-helpers-abeb792d.js';
 import './_baseFlatten-c79e3f06.js';
 import './isEmpty-7879f636.js';
@@ -78,6 +78,7 @@ import './isArrayLikeObject-fccda7a7.js';
 import './isEqual-17ab50de.js';
 import './sortBy-f7a2a4cf.js';
 import './cloneDeep-7e28f486.js';
+import './isNil-7611dfec.js';
 import './map-55451e6b.js';
 import './clone-60e20a59.js';
 import './isBoolean-80d45d8d.js';

package/dist/esm/isNil-7611dfec.js

@@ -0,0 +1,25 @@
+/**
+ * Checks if `value` is `null` or `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is nullish, else `false`.
+ * @example
+ *
+ * _.isNil(null);
+ * // => true
+ *
+ * _.isNil(void 0);
+ * // => true
+ *
+ * _.isNil(NaN);
+ * // => false
+ */
+function isNil(value) {
+  return value == null;
+}
+
+export { isNil as i };

package/dist/esm/yoo-action-sheet-controller_15.entry.js

@@ -9,7 +9,7 @@ import { t as toPng, d as getIconName, e as getIconColor, f as isMedia, h as fil
 import { i as isPlanInFuture, g as getLessonTypeIcon, a as getPlanDueDate } from './boost-helpers-ae1115e2.js';
 import { t as toButton } from './button-helpers-72e796f6.js';
 import { g as getUserDisplayName, a as getMediaSrcAndType, b as getCardFeedEntryFromFeed, d as getCardFeedEntryFromQuestion, e as groupsResolver, f as getEventConfigsFromEvent, r as replaceAtTagToMentionTag, h as getRoleTitle } from './entities-helpers-122c20c3.js';
-import { j as getMobileFieldIcon, k as isFieldWithNoValue } from './form-helpers-1b9c9641.js';
+import { j as getMobileFieldIcon, k as isFieldWithNoValue } from './form-helpers-304f10bc.js';
 import { p as pipes } from './pipe-e40e660a.js';
 import { b as getWorkflowProgress, c as getUserTags, d as getDashboardTags } from './operation-helpers-0af202b3.js';
 import { r as replaceAllLinks, g as getURLs } from './url-helpers-91100b28.js';
@@ -24,7 +24,7 @@ import { i as isString } from './isString-1673d591.js';
 import { c as createAggregator } from './_createAggregator-8d09e764.js';
 import { g as get } from './get-3cbd3bd6.js';
 import { s as setValidator, i as getFormBottomPosition, b as setValueAndValidateInput, v as validate, n as initNumber, d as convertValueForInputType, h as onIconClicked, o as onInputClear, m as onInputBlurred, l as onInputFocused } from './form-input-helpers-da854059.js';
-import { g as getRenderer } from './grid-renderers-1dd42472.js';
+import { g as getRenderer } from './grid-renderers-f81f061f.js';
 import { g as getFromLocalForage, b as getKeyToCache } from './localForage-fb0baf03.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
 import './isUndefined-11cbe419.js';
@@ -54,6 +54,7 @@ import './_baseEach-312405e0.js';
 import './cloneDeep-7e28f486.js';
 import './_baseClone-e5fd6937.js';
 import './_baseAssignValue-312f346a.js';
+import './isNil-7611dfec.js';
 import './toInteger-9e62a9cd.js';
 import './toFinite-adaf76e2.js';
 import './toNumber-2273741c.js';
@@ -63,7 +64,7 @@ import './isBoolean-80d45d8d.js';
 import './orderBy-c365859b.js';
 import './incentive-helpers-185f842b.js';
 import './salesai-helpers-82535622.js';
-import './form-helpers-63173698.js';
+import './form-helpers-d54ae23e.js';
 import './string-helpers-9646d8e3.js';
 import './set-49f718d9.js';
 import './_baseSet-346e221a.js';
@@ -3616,7 +3617,7 @@ const YooFormAutocompleteComponent = class {
 };
 YooFormAutocompleteComponent.style = formAutocompleteCss;
 
-const formInputCss = ":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--display-invalid-message:block;--input-background-color:var(--light-to-dark, #ffffff);--input-border-color:var(--dark-to-light, #000000);--input-text-color:var(--text-color-to-light-60, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color);display:block;width:100%;color:var(--dark-to-light, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}:host:focus{outline:0}:host[type=reset],:host[type=button],:host[type=submit],:host[type=checkbox],:host[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:host .input-container{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr;background:var(--input-background-color);border:0.0625rem solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .input-container.noborder{border:none !important}:host .input-container.valid{border:0.0625rem solid var(--app-color)}:host .input-container.invalid{border:0.0625rem solid var(--danger, #d44333)}:host .input-container.invalid .valid-icon yoo-icon{fill:var(--danger, #d44333)}:host .input-container.focused{border:0.0625rem solid var(--input-border-color)}:host .input-container.focused .valid-icon{display:none}:host .input-container .icon-prefix,:host .input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;color:inherit}:host .input-container .icon-prefix{color:inherit}:host .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host .input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}:host .input-container .valid-icon,:host .input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;color:inherit;display:none;padding-right:var(--spacing-10-deprecated, 0.625rem)}:host .input-container .valid-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .input-container .valid-icon yoo-icon{fill:var(--app-color)}:host .input-container .valid-icon.valid{color:var(--app-color)}:host .input-container .valid-icon.invalid{color:var(--danger, #d44333)}:host .input-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.5rem;color:inherit}:host .input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .input-container .warning-icon{width:0.375rem;height:0.375rem;margin-top:1.0625rem;margin-right:1.25rem;background-color:var(--warning, #ff6402);border:none;border-radius:50%}:host .input-container .character-counter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-10-deprecated, 0.625rem) 0 var(--spacing-05-deprecated, 0.3125rem);color:var(--text-color-to-light-60, #807f83)}:host .input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:0.5rem;color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0px 0px 0px 1000px inset;box-shadow:transparent 0px 0px 0px 1000px inset;-webkit-appearance:none;caret-color:var(--caret-color)}:host .input-container input::-webkit-input-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:-moz-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input::-moz-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:-ms-input-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:focus{outline:none}:host .input-container input.hide-value{color:transparent}:host .input-container input.has-icon-prefix{padding-left:0}:host .placeholderlabel{margin-top:0.5rem}:host .placeholderlabel.active{margin-top:0rem}:host .label{margin-bottom:0.25rem;padding-left:0.5rem;color:var(--input-text-color);font-size:var(--font-size-16, 1rem);line-height:1.5;letter-spacing:2px;text-align:left;-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);-webkit-transition:-webkit-transform 0.2s ease-in;transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;transition:transform 0.2s ease-in, -webkit-transform 0.2s ease-in}:host .label.active{margin-top:0.25rem;-webkit-transform:translateY(0rem);transform:translateY(0rem)}:host .label .label-required{margin-left:0.25rem;color:var(--danger, #d44333)}:host .invalid-message{display:none;min-height:15px;padding-top:0.125rem;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);letter-spacing:initial;text-align:right;text-transform:initial}:host .invalid-message.invalid:not(.focused){display:var(--display-invalid-message);color:var(--danger, #d44333)}:host(.web) .icon-close:not(.focused){display:none}:host([hidden]){display:none}:host([readonly]){color:var(--dark-to-light, #000000);line-height:1.5}:host([readonly]) p{margin:0}:host([readonly]) p .top-container{display:-ms-flexbox;display:flex}:host([readonly]) .app-color{color:var(--app-color)}:host([readonly]) .danger{color:var(--danger, #d44333)}:host([readonly]) .success{color:var(--success, #3aa76d)}:host(.noborder) .input-container{border:none !important}:host(.translucent) .input-container{background:none;border:none !important}:host(.translucent) .input-container .icon-prefix,:host(.translucent) .input-container .icon-suffix,:host(.translucent) .input-container .valid-icon,:host(.translucent) .input-container .icon-suffix-focus{background-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.translucent) .input-container .icon-prefix.icon-close yoo-icon,:host(.translucent) .input-container .icon-suffix.icon-close yoo-icon,:host(.translucent) .input-container .valid-icon.icon-close yoo-icon,:host(.translucent) .input-container .icon-suffix-focus.icon-close yoo-icon{fill:var(--light, #ffffff)}:host(.translucent) .input-container .icon-prefix{border-top-left-radius:var(--border-radius-08, 0.5rem);border-bottom-left-radius:var(--border-radius-08, 0.5rem)}:host(.translucent) .input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}:host(.translucent) .input-container input{margin:0;color:var(--light, #ffffff);background-color:var(--light-40, rgba(255, 255, 255, 0.4));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.translucent) .input-container input.last{border-top-right-radius:var(--border-radius-08, 0.5rem);border-bottom-right-radius:var(--border-radius-08, 0.5rem)}:host(.translucent) .input-container .icon-suffix.last,:host(.translucent) .input-container .icon-suffix-focus.last,:host(.translucent) .input-container .valid-icon.last,:host(.translucent) .input-container .icon-close{border-top-right-radius:var(--border-radius-08, 0.5rem);border-bottom-right-radius:var(--border-radius-08, 0.5rem)}:host(.simple) .input-container{border:none;border-bottom:0.0625rem solid var(--stable-alt, #d0d0d0)}:host(.simple) .input-container input{padding:0.5rem 0}:host(.simple) .input-container .icon-suffix{padding:0rem;padding-right:0.5rem;padding-left:0.5rem;background:var(--light-to-dark, #ffffff);border:none}:host(.simple) .input-container .icon-prefix{padding:0rem;padding-right:0.5rem;padding-left:0.5rem;background:var(--light-to-dark, #ffffff);border:none}:host(.simple-icon) .input-container .icon-suffix{padding:0rem;padding-right:0.5rem;padding-left:0.5rem;background:var(--light-to-dark, #ffffff);border:none}:host(.simple-icon) .input-container .icon-prefix{padding:0rem;padding-right:0.5rem;padding-left:0.5rem;background:var(--light-to-dark, #ffffff);border:none}:host(.round) .input-container{border-radius:1.5rem}:host(.round) .input-container .icon-prefix{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}:host(.round) .input-container .icon-suffix{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}:host(.round) .input-container input{border-radius:1.5rem}:host(.search) .input-container{width:100%;height:2.25rem;min-height:2.25rem;max-height:2.25rem;overflow:hidden;background:var(--light-to-dark, #ffffff);border:none;border:0.0625rem solid var(--stable-alt, #d0d0d0);border-radius:0.5rem;-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-animation:fadeIn 0.6s forwards;animation:fadeIn 0.6s forwards}:host(.search) .input-container.focused{border:0.0625rem solid var(--dark-to-light, #000000)}:host(.search) .input-container .icon-prefix{border-right:none;border-top-left-radius:0.5rem;border-bottom-left-radius:0.5rem;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container .icon-prefix yoo-icon{fill:var(--stable-to-light, #adadad)}:host(.search) .input-container .icon-suffix{border-top-right-radius:0.5rem;border-bottom-right-radius:0.5rem;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container input{padding:0.1875rem var(--spacing-10-deprecated, 0.625rem);background:var(--light-to-dark, #ffffff);border-radius:0.5rem;border-top-left-radius:0rem;border-bottom-left-radius:0rem;-webkit-box-shadow:var(--light-to-dark, #ffffff) 0px 0px 0px 1000px inset;box-shadow:var(--light-to-dark, #ffffff) 0px 0px 0px 1000px inset;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input:-moz-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input::-moz-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input:-ms-input-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container .icon-prefix,:host(.search) .input-container .icon-suffix{padding:0.1875rem 0;padding-left:0.75rem;background:var(--light-to-dark, #ffffff)}:host(.search) .input-container .valid-icon{display:none !important}:host(.disabled) .input-container{background-color:var(--stable-light-to-text-color-60, #f1f1f1)}:host(.disabled) .input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}:host(.search.disabled) .input-container{border:0.0625rem solid var(--stable-ultralight-to-light-10, #fafafa)}:host(.search.disabled) .input-container .icon-prefix,:host(.search.disabled) .input-container .icon-suffix{opacity:0.6}:host(.search.disabled) .input-container input{opacity:0.6}:host(.with-toggle):not(.autocomplete){width:calc(100% - 4rem) !important}:host(.grid-search){width:100%}:host(.grid-search.web.full-width){max-width:unset}:host(.grid-search.web){-ms-flex:unset;flex:unset;width:100%;min-width:6rem;max-width:12.5rem;--input-font-size:var(--font-size-14)}:host(.grid-search.web) .input-container{background:var(--stable-light-60-to-light-20, rgba(241, 241, 241, 0.6));border:none}:host(.grid-search.web) .input-container .icon-prefix{background:transparent}:host(.grid-search.web) .input-container input{background:transparent;-webkit-box-shadow:transparent 0px 0px 0px 1000px inset;box-shadow:transparent 0px 0px 0px 1000px inset}:host(.drop-down.web) .input-container{height:2rem;min-height:0;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem)}:host(.drop-down.web) .input-container .icon-prefix{padding-left:var(--spacing-04, 0.25rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.drop-down.web) .input-container input{font-size:var(--font-size-14, 0.875rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6));-webkit-box-shadow:none;box-shadow:none}:host(.drop-down.web) .input-container.focused{border:none}:host(.drop-down.web.no-dropdown-scroll){margin-right:0;padding-right:var(--spacing-08, 0.5rem)}:host(.drop-down) .input-container{background:transparent;border:none;border-color:var(--light, #ffffff)}:host(.drop-down) .input-container .icon-prefix{padding-left:0}:host(.web-menu) .input-container{width:100%;max-width:250px;height:24px;color:var(--stable, #adadad);background:var(--stable-light, #f1f1f1);border:none}:host(.web-menu) .input-container input{font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.web-menu) .input-container .icon-prefix,:host(.web-menu) .input-container .icon-suffix{font-size:var(--font-size-14, 0.875rem);background:transparent}:host(.photos-tab){padding-left:2.5rem !important}:host(.full-width){width:100%}:host(.full-width) .input-container{width:100%}:host(.has-checkbox){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.has-checkbox) .input-container{-ms-flex:1;flex:1;margin-right:var(--spacing-20-deprecated, 1.25rem);border-color:var(--stable-alt, #d0d0d0)}:host(.has-checkbox) .input-container input{border-radius:5px 0 5px 0}:host(.has-checkbox) .input-container .icon-suffix-focus.hide{display:none}:host(.has-checkbox.checked) .input-container{border-color:var(--stable-alt, #d0d0d0)}:host(.has-checkbox.checked) .input-container input{background:var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.condition-form) .input-container{height:1.375rem}:host(.condition-form) .input-container input{background-color:var(--light-to-dark, #ffffff);-webkit-box-shadow:none;box-shadow:none}:host(.condition-form) .invalid-message{display:none !important}:host(.no-animation) .input-container{-webkit-animation:none;animation:none}:host(.menu) input{padding-left:0}:host(.menu) input::-webkit-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::-moz-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input:-ms-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::-ms-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input yoo-icon{fill:var(--stable, #adadad)}:host(.menu) .icon-prefix yoo-icon{fill:var(--stable-to-light, #adadad)}:host(.menu) .input-container{background:var(--stable-light-60-to-dark, rgba(241, 241, 241, 0.6));border:none}:host(.side-menu.large) .input-container{width:100%;height:var(--spacing-32, 2rem);margin:0;border-radius:var(--spacing-04, 0.25rem)}:host(.accordion-search) .input-container{height:1.875rem;background-color:var(--stable-ultralight-to-light-10, #fafafa);border:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.accordion-search) .input-container input,:host(.accordion-search) .input-container .icon-prefix{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);background:transparent}:host(.accordion-search) .input-container input{background:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.expanded-searchbar.web){width:100% !important}:host(.expanded-searchbar.web) .input-container{height:2rem;background-color:var(--stable-ultralight-to-light-10, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host(.expanded-searchbar.web) .input-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.expanded-searchbar.web) .input-container .icon-prefix{padding-left:var(--spacing-08, 0.5rem);background:transparent}:host(.expanded-searchbar.web) .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host(.expanded-searchbar.web) .input-container input{padding-left:var(--spacing-08, 0.5rem);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.use-button){display:inherit}:host(.use-button) .input-container{width:100%;height:100%;border-radius:0}:host(.use-button) .input-container input[type=number]::-webkit-inner-spin-button,:host(.use-button) .input-container input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}:host(.use-button) .input-container input[type=number]{-moz-appearance:textfield}:host(.use-button) .input-container input{padding:0;text-align:center}:host([size=large]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:3rem;max-height:3rem}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:2rem;max-height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]:not([readonly]):not(.search):not(.translucent)) .input-container input{font-size:var(--font-size-14, 0.875rem)}:host(.solid) .input-container{background:var(--light-to-dark, #ffffff)}:host([animation=placeholderCountdown]) input[type=number]::-webkit-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::-moz-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]:-ms-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::-ms-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::placeholder{opacity:1}:host([animation=placeholderCountdown]) .fadeout-placeholder::-webkit-input-placeholder{opacity:0 !important;-webkit-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::-moz-placeholder{opacity:0 !important;-moz-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder:-ms-input-placeholder{opacity:0 !important;-ms-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::-ms-input-placeholder{opacity:0 !important;-ms-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::placeholder{opacity:0 !important;-webkit-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host(.empty.web.drop-down:not(.expanded-searchbar)){padding:var(--spacing-04, 0.25rem) var(--spacing-02, 0.125rem) 0 var(--spacing-08, 0.5rem)}:host(.accent) .input-container{border-color:var(--accent, #276ef1)}:host(.accent) .input-container .icon-prefix{border-right:none}:host(.accent) .input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}:host(.accent) .input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}:host(.accent) .input-container input{color:var(--accent, #276ef1)}:host(.accent) .input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input:-moz-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input::-moz-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container .label{color:var(--accent, #276ef1)}:host(.success) .input-container{border-color:var(--success, #3aa76d)}:host(.success) .input-container .icon-prefix{border-right:none}:host(.success) .input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}:host(.success) .input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}:host(.success) .input-container input{color:var(--success, #3aa76d)}:host(.success) .input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input:-moz-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input::-moz-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container .label{color:var(--success, #3aa76d)}:host(.app-color) .input-container{border-color:var(--app-color)}:host(.app-color) .input-container .icon-prefix{border-right:none}:host(.app-color) .input-container .icon-prefix yoo-icon{fill:var(--app-color)}:host(.app-color) .input-container .icon-suffix{color:var(--app-color);border-left:none}:host(.app-color) .input-container input{color:var(--app-color)}:host(.app-color) .input-container input::-webkit-input-placeholder{color:var(--app-color)}:host(.app-color) .input-container input:-moz-placeholder{color:var(--app-color)}:host(.app-color) .input-container input::-moz-placeholder{color:var(--app-color)}:host(.app-color) .input-container input:-ms-input-placeholder{color:var(--app-color)}:host(.app-color) .input-container .label{color:var(--app-color)}:host(.info) .input-container{border-color:var(--info, #fc459e)}:host(.info) .input-container .icon-prefix{border-right:none}:host(.info) .input-container .icon-prefix yoo-icon{fill:var(--info, #fc459e)}:host(.info) .input-container .icon-suffix{color:var(--info, #fc459e);border-left:none}:host(.info) .input-container input{color:var(--info, #fc459e)}:host(.info) .input-container input::-webkit-input-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input:-moz-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input::-moz-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input:-ms-input-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container .label{color:var(--info, #fc459e)}:host(.warning) .input-container{border-color:var(--warning, #ff6402)}:host(.warning) .input-container .icon-prefix{border-right:none}:host(.warning) .input-container .icon-prefix yoo-icon{fill:var(--warning, #ff6402)}:host(.warning) .input-container .icon-suffix{color:var(--warning, #ff6402);border-left:none}:host(.warning) .input-container input{color:var(--warning, #ff6402)}:host(.warning) .input-container input::-webkit-input-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input:-moz-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input::-moz-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input:-ms-input-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container .label{color:var(--warning, #ff6402)}:host(.danger) .input-container{border-color:var(--danger, #d44333)}:host(.danger) .input-container .icon-prefix{border-right:none}:host(.danger) .input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}:host(.danger) .input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}:host(.danger) .input-container input{color:var(--danger, #d44333)}:host(.danger) .input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input:-moz-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input::-moz-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container .label{color:var(--danger, #d44333)}:host(.dark) .input-container{border-color:var(--dark, #000000)}:host(.dark) .input-container .icon-prefix{border-right:none}:host(.dark) .input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}:host(.dark) .input-container .icon-suffix{color:var(--dark, #000000);border-left:none}:host(.dark) .input-container input{color:var(--dark, #000000)}:host(.dark) .input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input:-moz-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input::-moz-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input:-ms-input-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container .label{color:var(--dark, #000000)}:host(.stable-light) .input-container{border-color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .icon-prefix{border-right:none}:host(.stable-light) .input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}:host(.stable-light) .input-container input{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .label{color:var(--stable-light, #f1f1f1)}:host(.stable-to-light) .input-container{border-color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .icon-prefix{border-right:none}:host(.stable-to-light) .input-container .icon-prefix yoo-icon{fill:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .icon-suffix{color:var(--text-color, #807f83);border-left:none}:host(.stable-to-light) .input-container input{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input::-webkit-input-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input:-moz-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input::-moz-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input:-ms-input-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .label{color:var(--text-color, #807f83)}:host(.dark-to-light) .input-container{border-color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .icon-prefix{border-right:none}:host(.dark-to-light) .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .icon-suffix{color:var(--dark-to-light, #000000);border-left:none}:host(.dark-to-light) .input-container input{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input::-webkit-input-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input:-moz-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input::-moz-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input:-ms-input-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .label{color:var(--dark-to-light, #000000)}:host(.stable) .input-container{border-color:var(--stable, #adadad)}:host(.stable) .input-container .icon-prefix{border-right:none}:host(.stable) .input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}:host(.stable) .input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}:host(.stable) .input-container input{color:var(--stable, #adadad)}:host(.stable) .input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input:-moz-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input::-moz-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container .label{color:var(--stable, #adadad)}:host(.light) .input-container{border-color:var(--light, #ffffff)}:host(.light) .input-container .icon-prefix{border-right:none}:host(.light) .input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}:host(.light) .input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}:host(.light) .input-container input{color:var(--light, #ffffff)}:host(.light) .input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input:-moz-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input::-moz-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container .label{color:var(--light, #ffffff)}";
+const formInputCss = ":root{--ease-in-back:cubic-bezier(0.36, 0, 0.66, -0.56);--ease-in-circ:cubic-bezier(0.55, 0, 1, 0.45);--ease-in-cubic:cubic-bezier(0.32, 0, 0.67, 0);--ease-in-expo:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-quad:cubic-bezier(0.11, 0, 0.5, 0);--ease-in-quart:cubic-bezier(0.5, 0, 0.75, 0);--ease-in-quint:cubic-bezier(0.64, 0, 0.78, 0);--ease-in-sine:cubic-bezier(0.12, 0, 0.39, 0);--ease-out-back:cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-circ:cubic-bezier(0, 0.55, 0.45, 1);--ease-out-cubic:cubic-bezier(0.33, 1, 0.68, 1);--ease-out-expo:cubic-bezier(0.16, 1, 0.3, 1);--ease-out-quad:cubic-bezier(0.5, 1, 0.89, 1);--ease-out-quart:cubic-bezier(0.25, 1, 0.5, 1);--ease-out-quint:cubic-bezier(0.22, 1, 0.36, 1);--ease-out-sine:cubic-bezier(0.61, 1, 0.88, 1);--ease-in-out-back:cubic-bezier(0.68, -0.6, 0.32, 1.6);--ease-in-out-circ:cubic-bezier(0.85, 0, 0.15, 1);--ease-in-out-cubic:cubic-bezier(0.65, 0, 0.35, 1);--ease-in-out-expo:cubic-bezier(0.87, 0, 0.13, 1);--ease-in-out-quad:cubic-bezier(0.45, 0, 0.55, 1);--ease-in-out-quart:cubic-bezier(0.76, 0, 0.24, 1);--ease-in-out-quint:cubic-bezier(0.83, 0, 0.17, 1);--ease-in-out-sine:cubic-bezier(0.37, 0, 0.63, 1)}.tippy-box,.tippy-popper{white-space:pre-wrap}.tippy-box .tippy-tooltip,.tippy-popper .tippy-tooltip{padding:var(--spacing-02, 0.125rem)}.tippy-box{-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}.tippy-box .tippy-content.editable{padding:0}.tippy-box .tippy-content .flex{display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.tippy-box .tippy-content .hidden{display:none}.tippy-box .tippy-content .editable-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--dark, #000000)}.tippy-box .tippy-content .editable-content .text-content{min-width:5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content .text-content>div{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.tippy-box .tippy-content .editable-content.readonly{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .maxchar-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;height:var(--spacing-24, 1.5rem);padding-right:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content yoo-button{padding:0 var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .editable-content .action-content .edit-content{-ms-flex-align:center;align-items:center}.tippy-box .tippy-content .editable-content .action-content .edit-content yoo-icon{padding-left:var(--spacing-08, 0.5rem);cursor:pointer}.tippy-box .tippy-content .editable-content .edit-content>*{cursor:pointer}.tippy-box .tippy-content .request-access{padding:var(--spacing-08, 0.5rem)}.tippy-box .tippy-content .request-access .title{margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-700, 700)}.tippy-box .tippy-content .request-access .sub-title{display:-ms-flexbox;display:flex;margin-bottom:var(--spacing-08, 0.5rem);font-weight:var(--font-weight-300, 300);font-size:var(--font-size-14, 0.875rem)}.tippy-box .tippy-content .request-access .sub-title yoo-avatar{margin:0 var(--spacing-04, 0.25rem)}.tippy-box .tippy-content .request-access yoo-button{max-width:8rem}.tippy-box[data-theme~=startameeting] .tippy-content{padding:0;border-radius:var(--border-radius-04, 0.25rem)}.tippy-box[data-theme~=large]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content .text-content{padding-right:var(--spacing-16, 1rem)}.tippy-box[data-theme~=large] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small]{font-size:var(--font-size-16, 1rem)}.tippy-box[data-theme~=small] .tippy-content{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content{padding:var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content .text-content{padding-right:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=small] .tippy-content .editable-content yoo-icon{margin:0 var(--spacing-04, 0.25rem)}.tippy-box[data-theme~=accent]{background-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=accent] .tippy-svg-arrow{fill:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--accent, #276ef1)}.tippy-box[data-theme~=accent][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--accent, #276ef1)}.tippy-box[data-theme~=anthracite]{background-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite] .tippy-svg-arrow{fill:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=anthracite][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite, #1a1a1a)}.tippy-box[data-theme~=app-color]{background-color:var(--app-color)}.tippy-box[data-theme~=app-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=app-color] .tippy-svg-arrow{fill:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--app-color)}.tippy-box[data-theme~=app-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--app-color)}.tippy-box[data-theme~=danger]{background-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger] .tippy-svg-arrow{fill:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger, #d44333)}.tippy-box[data-theme~=danger-light]{background-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=danger-light] .tippy-svg-arrow{fill:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=danger-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--danger-light, #f46885)}.tippy-box[data-theme~=dark]{background-color:var(--dark, #000000)}.tippy-box[data-theme~=dark] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=dark] .tippy-svg-arrow{fill:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--dark, #000000)}.tippy-box[data-theme~=dark][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--dark, #000000)}.tippy-box[data-theme~=energized]{background-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=energized] .tippy-svg-arrow{fill:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--energized, #fed05b)}.tippy-box[data-theme~=energized][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--energized, #fed05b)}.tippy-box[data-theme~=info]{background-color:var(--info, #fc459e)}.tippy-box[data-theme~=info] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=info] .tippy-svg-arrow{fill:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--info, #fc459e)}.tippy-box[data-theme~=info][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--info, #fc459e)}.tippy-box[data-theme~=light]{background-color:var(--light, #ffffff)}.tippy-box[data-theme~=light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light] .tippy-svg-arrow{fill:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light, #ffffff)}.tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light, #ffffff)}.tippy-box[data-theme~=light-orange]{background-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-orange] .tippy-svg-arrow{fill:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-orange][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-orange, #fcae49)}.tippy-box[data-theme~=light-to-text-color]{background-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=light-to-text-color] .tippy-svg-arrow{fill:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=light-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--light-to-text-color, #ffffff)}.tippy-box[data-theme~=royal]{background-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=royal] .tippy-svg-arrow{fill:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--royal, #7577ff)}.tippy-box[data-theme~=royal][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--royal, #7577ff)}.tippy-box[data-theme~=stable]{background-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable] .tippy-svg-arrow{fill:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable, #adadad)}.tippy-box[data-theme~=stable-alt]{background-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-alt] .tippy-svg-arrow{fill:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-alt][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-alt, #d0d0d0)}.tippy-box[data-theme~=stable-light]{background-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-light] .tippy-svg-arrow{fill:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-light][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-light, #f1f1f1)}.tippy-box[data-theme~=stable-ultralight]{background-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=stable-ultralight] .tippy-svg-arrow{fill:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=stable-ultralight][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--stable-ultralight, #fafafa)}.tippy-box[data-theme~=success]{background-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=success] .tippy-svg-arrow{fill:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--success, #3aa76d)}.tippy-box[data-theme~=success][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--success, #3aa76d)}.tippy-box[data-theme~=text-color]{background-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=text-color] .tippy-svg-arrow{fill:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--text-color, #807f83)}.tippy-box[data-theme~=text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--text-color, #807f83)}.tippy-box[data-theme~=warning]{background-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=warning] .tippy-svg-arrow{fill:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--warning, #ff6402)}.tippy-box[data-theme~=warning][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--warning, #ff6402)}.tippy-box[data-theme~=anthracite-to-text-color]{background-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-tooltip{padding:var(--spacing-08, 0.5rem)}.tippy-box[data-theme~=anthracite-to-text-color] .tippy-svg-arrow{fill:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=top]>.tippy-arrow::before{border-top-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=bottom]>.tippy-arrow::before{border-bottom-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=left]>.tippy-arrow::before{border-left-color:var(--anthracite-to-text-color, #1a1a1a)}.tippy-box[data-theme~=anthracite-to-text-color][data-placement^=right]>.tippy-arrow::before{border-right-color:var(--anthracite-to-text-color, #1a1a1a)}:root{--safe-area-inset-top:0;--safe-area-inset-right:0;--safe-area-inset-bottom:0;--safe-area-inset-left:0}@supports (top: constant(safe-area-inset-top)){:root{--safe-area-inset-top:constant(safe-area-inset-top);--safe-area-inset-right:constant(safe-area-inset-right);--safe-area-inset-bottom:constant(safe-area-inset-bottom);--safe-area-inset-left:constant(safe-area-inset-left)}}@supports (top: env(safe-area-inset-top)){:root{--safe-area-inset-top:env(safe-area-inset-top);--safe-area-inset-right:env(safe-area-inset-right);--safe-area-inset-bottom:env(safe-area-inset-bottom);--safe-area-inset-left:env(safe-area-inset-left)}}.fr-popup.fr-active{z-index:30004 !important;display:block !important;opacity:1 !important}:host{--display-invalid-message:block;--input-background-color:var(--light-to-dark, #ffffff);--input-border-color:var(--dark-to-light, #000000);--input-text-color:var(--text-color-to-light-60, #807f83);--input-font-size:var(--font-size-16, 1rem);--caret-color:var(--app-color);display:block;width:100%;color:var(--dark-to-light, #000000);display:inline-block;-webkit-box-sizing:content-box;box-sizing:content-box;min-width:0;margin:0;padding:0;font-family:var(--font-family, \"Lato\");line-height:1;white-space:normal;vertical-align:middle;background:none;border:0}:host:focus{outline:0}:host[type=reset],:host[type=button],:host[type=submit],:host[type=checkbox],:host[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box}:host[type=search]{-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}:host .input-container{display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;direction:ltr;background:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt-to-light-60, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem)}:host .input-container.noborder{border:none !important}:host .input-container.valid{border:var(--border-width-01, 0.0625rem) solid var(--app-color)}:host .input-container.invalid{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host .input-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--input-border-color)}:host .input-container.focused .valid-icon{display:none}:host .input-container .icon-prefix,:host .input-container .icon-suffix{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit}:host .input-container .icon-prefix{color:inherit}:host .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host .input-container .inline-left{display:inline-block;margin-left:var(--spacing-04, 0.25rem)}:host .input-container .valid-icon,:host .input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit;display:none;padding-right:var(--spacing-10-deprecated, 0.625rem)}:host .input-container .valid-icon{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .input-container .valid-icon.valid{color:var(--app-color)}:host .input-container .valid-icon.invalid{color:var(--danger, #d44333)}:host .input-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);color:inherit}:host .input-container .icon-suffix-focus{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host .input-container .warning-icon{width:0.375rem;height:0.375rem;margin-top:1.0625rem;margin-right:1.25rem;background-color:var(--warning, #ff6402);border:none;border-radius:50%}:host .input-container .character-counter{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:0 var(--spacing-10-deprecated, 0.625rem) 0 var(--spacing-05-deprecated, 0.3125rem);color:var(--text-color-to-light-60, #807f83)}:host .input-container input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;display:block;-ms-flex:1;flex:1;width:100%;min-width:0;padding:var(--spacing-08, 0.5rem);color:inherit;font-weight:var(--font-weight-400, 400);font-size:var(--input-font-size);font-family:var(--font-family, \"Lato\");line-height:1.5;text-align:left;background:transparent;border:none;border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset;-webkit-appearance:none;caret-color:var(--caret-color)}:host .input-container input::-webkit-input-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:-moz-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input::-moz-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:-ms-input-placeholder{color:var(--text-color-to-light-60, #807f83);font-weight:var(--font-weight-400, 400);font-family:var(--font-family, \"Lato\") !important}:host .input-container input:focus{outline:none}:host .input-container input.hide-value{color:transparent}:host .input-container input.has-icon-prefix{padding-left:0}:host .placeholderlabel{margin-top:var(--spacing-08, 0.5rem)}:host .placeholderlabel.active{margin-top:0}:host .label{margin-bottom:var(--spacing-04, 0.25rem);padding-left:var(--spacing-08, 0.5rem);color:var(--input-text-color);font-size:var(--font-size-16, 1rem);line-height:1.5;letter-spacing:var(--spacing-02, 0.125rem);text-align:left;-webkit-transform:translateY(1.875rem);transform:translateY(1.875rem);-webkit-transition:-webkit-transform 0.2s ease-in;transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;transition:transform 0.2s ease-in, -webkit-transform 0.2s ease-in}:host .label.active{margin-top:var(--spacing-04, 0.25rem);-webkit-transform:translateY(0rem);transform:translateY(0rem)}:host .label .label-required{margin-left:var(--spacing-04, 0.25rem);color:var(--danger, #d44333)}:host .invalid-message{display:none;min-height:0.9375rem;padding-top:var(--spacing-02, 0.125rem);color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);letter-spacing:initial;text-align:right;text-transform:initial}:host .invalid-message.invalid:not(.focused){display:var(--display-invalid-message);color:var(--danger, #d44333)}:host(.web) .icon-close:not(.focused){display:none}:host([hidden]){display:none}:host([readonly]){color:var(--dark-to-light, #000000);line-height:1.5}:host([readonly]) p{margin:0}:host([readonly]) p .top-container{display:-ms-flexbox;display:flex}:host([readonly]) .app-color{color:var(--app-color)}:host([readonly]) .danger{color:var(--danger, #d44333)}:host([readonly]) .success{color:var(--success, #3aa76d)}:host(.noborder) .input-container{border:none !important}:host(.translucent) .input-container{background:none;border:none !important}:host(.translucent) .input-container .icon-prefix,:host(.translucent) .input-container .icon-suffix,:host(.translucent) .input-container .valid-icon,:host(.translucent) .input-container .icon-suffix-focus{background-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host(.translucent) .input-container .icon-prefix.icon-close yoo-icon,:host(.translucent) .input-container .icon-suffix.icon-close yoo-icon,:host(.translucent) .input-container .valid-icon.icon-close yoo-icon,:host(.translucent) .input-container .icon-suffix-focus.icon-close yoo-icon{fill:var(--light, #ffffff)}:host(.translucent) .input-container .icon-prefix{border-top-left-radius:var(--border-radius-08, 0.5rem);border-bottom-left-radius:var(--border-radius-08, 0.5rem)}:host(.translucent) .input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}:host(.translucent) .input-container input{margin:0;color:var(--light, #ffffff);background-color:var(--light-40, rgba(255, 255, 255, 0.4));border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.translucent) .input-container input.last{border-top-right-radius:var(--border-radius-08, 0.5rem);border-bottom-right-radius:var(--border-radius-08, 0.5rem)}:host(.translucent) .input-container .icon-suffix.last,:host(.translucent) .input-container .icon-suffix-focus.last,:host(.translucent) .input-container .valid-icon.last,:host(.translucent) .input-container .icon-close{border-top-right-radius:var(--border-radius-08, 0.5rem);border-bottom-right-radius:var(--border-radius-08, 0.5rem)}:host(.simple) .input-container{border:none;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.simple) .input-container input{padding:var(--spacing-08, 0.5rem) 0}:host(.simple) .input-container .icon-suffix{padding:0 var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border:none}:host(.simple) .input-container .icon-prefix{padding:0 var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border:none}:host(.simple-icon) .input-container .icon-suffix{padding:0 var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border:none}:host(.simple-icon) .input-container .icon-prefix{padding:0 var(--spacing-08, 0.5rem);background:var(--light-to-dark, #ffffff);border:none}:host(.round) .input-container{border-radius:1.5rem}:host(.round) .input-container .icon-prefix{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}:host(.round) .input-container .icon-suffix{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}:host(.round) .input-container input{border-radius:1.5rem}:host(.search) .input-container{width:100%;height:2.25rem;min-height:2.25rem;max-height:2.25rem;overflow:hidden;background:var(--light-to-dark, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--spacing-08, 0.5rem);-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-animation:fadeIn 0.6s forwards;animation:fadeIn 0.6s forwards}:host(.search) .input-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--dark-to-light, #000000)}:host(.search) .input-container .icon-prefix{border-right:none;border-top-left-radius:var(--spacing-08, 0.5rem);border-bottom-left-radius:var(--spacing-08, 0.5rem);-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container .icon-prefix yoo-icon{fill:var(--stable-to-light, #adadad)}:host(.search) .input-container .icon-suffix{border-top-right-radius:var(--spacing-08, 0.5rem);border-bottom-right-radius:var(--spacing-08, 0.5rem);-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container input{padding:0.1875rem var(--spacing-10-deprecated, 0.625rem);background:var(--light-to-dark, #ffffff);border-radius:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0;-webkit-box-shadow:var(--light-to-dark, #ffffff) 0 0 0 62.5rem inset;box-shadow:var(--light-to-dark, #ffffff) 0 0 0 62.5rem inset;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.search) .input-container input::-webkit-input-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input:-moz-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input::-moz-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container input:-ms-input-placeholder{color:var(--stable, #adadad);opacity:1}:host(.search) .input-container .icon-prefix,:host(.search) .input-container .icon-suffix{padding:0.1875rem 0 0.1875rem 0.75rem;background:var(--light-to-dark, #ffffff)}:host(.search) .input-container .valid-icon{display:none !important}:host(.disabled) .input-container{background-color:var(--stable-light-to-text-color-60, #f1f1f1)}:host(.disabled) .input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}:host(.search.disabled) .input-container{border:var(--border-width-01, 0.0625rem) solid var(--stable-ultralight-to-light-10, #fafafa)}:host(.search.disabled) .input-container .icon-prefix,:host(.search.disabled) .input-container .icon-suffix{opacity:0.6}:host(.search.disabled) .input-container input{opacity:0.6}:host(.with-toggle):not(.autocomplete){width:calc(100% - 4rem) !important}:host(.grid-search){width:100%}:host(.grid-search.web.full-width){max-width:unset}:host(.grid-search.web){--input-font-size:var(--font-size-14);-ms-flex:unset;flex:unset;width:100%;min-width:6rem;max-width:12.5rem}:host(.grid-search.web) .input-container{background:var(--stable-light-60-to-light-20, rgba(241, 241, 241, 0.6));border:none}:host(.grid-search.web) .input-container .icon-prefix{background:transparent}:host(.grid-search.web) .input-container input{background:transparent;-webkit-box-shadow:transparent 0 0 0 62.5rem inset;box-shadow:transparent 0 0 0 62.5rem inset}:host(.drop-down.web) .input-container{height:2rem;min-height:0;background:var(--stable-light-60, rgba(241, 241, 241, 0.6));border-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem)}:host(.drop-down.web) .input-container .icon-prefix{padding-left:var(--spacing-04, 0.25rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.drop-down.web) .input-container input{font-size:var(--font-size-14, 0.875rem);background:var(--stable-light-60, rgba(241, 241, 241, 0.6));-webkit-box-shadow:none;box-shadow:none}:host(.drop-down.web) .input-container.focused{border:none}:host(.drop-down.web.no-dropdown-scroll){margin-right:0;padding-right:var(--spacing-08, 0.5rem)}:host(.drop-down) .input-container{background:transparent;border:none var(--light, #ffffff)}:host(.drop-down) .input-container .icon-prefix{padding-left:0}:host(.web-menu) .input-container{width:100%;max-width:15.625rem;height:1.5rem;color:var(--stable, #adadad);background:var(--stable-light, #f1f1f1);border:none}:host(.web-menu) .input-container input{font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.web-menu) .input-container .icon-prefix,:host(.web-menu) .input-container .icon-suffix{font-size:var(--font-size-14, 0.875rem);background:transparent}:host(.photos-tab){padding-left:var(--spacing-40, 2.5rem) !important}:host(.full-width){width:100%}:host(.full-width) .input-container{width:100%}:host(.has-checkbox){display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.has-checkbox) .input-container{-ms-flex:1;flex:1;margin-right:var(--spacing-20-deprecated, 1.25rem);border-color:var(--stable-alt, #d0d0d0)}:host(.has-checkbox) .input-container input{border-radius:0.3125rem 0 0.3125rem 0}:host(.has-checkbox) .input-container .icon-suffix-focus.hide{display:none}:host(.has-checkbox.checked) .input-container{border-color:var(--stable-alt, #d0d0d0)}:host(.has-checkbox.checked) .input-container input{background:var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.condition-form) .input-container{height:1.375rem}:host(.condition-form) .input-container input{background-color:var(--light-to-dark, #ffffff);-webkit-box-shadow:none;box-shadow:none}:host(.condition-form) .invalid-message{display:none !important}:host(.no-animation) .input-container{-webkit-animation:none;animation:none}:host(.menu) input{padding-left:0}:host(.menu) input::-webkit-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::-moz-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input:-ms-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::-ms-input-placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input::placeholder{color:var(--stable-to-stable-alt, #adadad);opacity:1}:host(.menu) input yoo-icon{fill:var(--stable, #adadad)}:host(.menu) .icon-prefix yoo-icon{fill:var(--stable-to-light, #adadad)}:host(.menu) .input-container{background:var(--stable-light-60-to-dark, rgba(241, 241, 241, 0.6));border:none}:host(.side-menu.large) .input-container{width:100%;height:var(--spacing-32, 2rem);margin:0;border-radius:var(--spacing-04, 0.25rem)}:host(.accordion-search) .input-container{height:1.875rem;background-color:var(--stable-ultralight-to-light-10, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.accordion-search) .input-container input,:host(.accordion-search) .input-container .icon-prefix{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem);background:transparent}:host(.accordion-search) .input-container input{background:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.expanded-searchbar.web){width:100% !important}:host(.expanded-searchbar.web) .input-container{height:2rem;background-color:var(--stable-ultralight-to-light-10, #fafafa);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem)}:host(.expanded-searchbar.web) .input-container.focused{border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.expanded-searchbar.web) .input-container .icon-prefix{padding-left:var(--spacing-08, 0.5rem);background:transparent}:host(.expanded-searchbar.web) .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host(.expanded-searchbar.web) .input-container input{padding-left:var(--spacing-08, 0.5rem);background:transparent;-webkit-box-shadow:none;box-shadow:none}:host(.use-button){display:inherit}:host(.use-button) .input-container{width:100%;height:100%;border-radius:0}:host(.use-button) .input-container input[type=number]::-webkit-inner-spin-button,:host(.use-button) .input-container input[type=number]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}:host(.use-button) .input-container input[type=number]{-moz-appearance:textfield}:host(.use-button) .input-container input{padding:0;text-align:center}:host([size=large]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:3rem;max-height:3rem}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:2rem;max-height:2rem;font-size:var(--font-size-14, 0.875rem);border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input::-webkit-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input:-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input::-moz-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]:not([readonly]):not(.search):not(.translucent)) .input-container input:-ms-input-placeholder{font-size:var(--font-size-14, 0.875rem)}:host([size=small]:not([readonly]):not(.search):not(.translucent)) .input-container{min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-02, 0.125rem)}:host([size=small]:not([readonly]):not(.search):not(.translucent)) .input-container input{font-size:var(--font-size-14, 0.875rem)}:host(.solid) .input-container{background:var(--light-to-dark, #ffffff)}:host([animation=placeholderCountdown]) input[type=number]::-webkit-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::-moz-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]:-ms-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::-ms-input-placeholder{opacity:1}:host([animation=placeholderCountdown]) input[type=number]::placeholder{opacity:1}:host([animation=placeholderCountdown]) .fadeout-placeholder::-webkit-input-placeholder{opacity:0 !important;-webkit-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::-moz-placeholder{opacity:0 !important;-moz-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder:-ms-input-placeholder{opacity:0 !important;-ms-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::-ms-input-placeholder{opacity:0 !important;-ms-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host([animation=placeholderCountdown]) .fadeout-placeholder::placeholder{opacity:0 !important;-webkit-transition:opacity 0.3s var(--ease-out-quad);transition:opacity 0.3s var(--ease-out-quad)}:host(.empty.web.drop-down:not(.expanded-searchbar)){padding:var(--spacing-04, 0.25rem) var(--spacing-02, 0.125rem) 0 var(--spacing-08, 0.5rem)}:host(.accent) .input-container{border-color:var(--accent, #276ef1)}:host(.accent) .input-container .icon-prefix{border-right:none}:host(.accent) .input-container .icon-prefix yoo-icon{fill:var(--accent, #276ef1)}:host(.accent) .input-container .icon-suffix{color:var(--accent, #276ef1);border-left:none}:host(.accent) .input-container input{color:var(--accent, #276ef1)}:host(.accent) .input-container input::-webkit-input-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input:-moz-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input::-moz-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container input:-ms-input-placeholder{color:var(--accent, #276ef1)}:host(.accent) .input-container .label{color:var(--accent, #276ef1)}:host(.success) .input-container{border-color:var(--success, #3aa76d)}:host(.success) .input-container .icon-prefix{border-right:none}:host(.success) .input-container .icon-prefix yoo-icon{fill:var(--success, #3aa76d)}:host(.success) .input-container .icon-suffix{color:var(--success, #3aa76d);border-left:none}:host(.success) .input-container input{color:var(--success, #3aa76d)}:host(.success) .input-container input::-webkit-input-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input:-moz-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input::-moz-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container input:-ms-input-placeholder{color:var(--success, #3aa76d)}:host(.success) .input-container .label{color:var(--success, #3aa76d)}:host(.app-color) .input-container{border-color:var(--app-color)}:host(.app-color) .input-container .icon-prefix{border-right:none}:host(.app-color) .input-container .icon-prefix yoo-icon{fill:var(--app-color)}:host(.app-color) .input-container .icon-suffix{color:var(--app-color);border-left:none}:host(.app-color) .input-container input{color:var(--app-color)}:host(.app-color) .input-container input::-webkit-input-placeholder{color:var(--app-color)}:host(.app-color) .input-container input:-moz-placeholder{color:var(--app-color)}:host(.app-color) .input-container input::-moz-placeholder{color:var(--app-color)}:host(.app-color) .input-container input:-ms-input-placeholder{color:var(--app-color)}:host(.app-color) .input-container .label{color:var(--app-color)}:host(.info) .input-container{border-color:var(--info, #fc459e)}:host(.info) .input-container .icon-prefix{border-right:none}:host(.info) .input-container .icon-prefix yoo-icon{fill:var(--info, #fc459e)}:host(.info) .input-container .icon-suffix{color:var(--info, #fc459e);border-left:none}:host(.info) .input-container input{color:var(--info, #fc459e)}:host(.info) .input-container input::-webkit-input-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input:-moz-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input::-moz-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container input:-ms-input-placeholder{color:var(--info, #fc459e)}:host(.info) .input-container .label{color:var(--info, #fc459e)}:host(.warning) .input-container{border-color:var(--warning, #ff6402)}:host(.warning) .input-container .icon-prefix{border-right:none}:host(.warning) .input-container .icon-prefix yoo-icon{fill:var(--warning, #ff6402)}:host(.warning) .input-container .icon-suffix{color:var(--warning, #ff6402);border-left:none}:host(.warning) .input-container input{color:var(--warning, #ff6402)}:host(.warning) .input-container input::-webkit-input-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input:-moz-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input::-moz-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container input:-ms-input-placeholder{color:var(--warning, #ff6402)}:host(.warning) .input-container .label{color:var(--warning, #ff6402)}:host(.danger) .input-container{border-color:var(--danger, #d44333)}:host(.danger) .input-container .icon-prefix{border-right:none}:host(.danger) .input-container .icon-prefix yoo-icon{fill:var(--danger, #d44333)}:host(.danger) .input-container .icon-suffix{color:var(--danger, #d44333);border-left:none}:host(.danger) .input-container input{color:var(--danger, #d44333)}:host(.danger) .input-container input::-webkit-input-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input:-moz-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input::-moz-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container input:-ms-input-placeholder{color:var(--danger, #d44333)}:host(.danger) .input-container .label{color:var(--danger, #d44333)}:host(.dark) .input-container{border-color:var(--dark, #000000)}:host(.dark) .input-container .icon-prefix{border-right:none}:host(.dark) .input-container .icon-prefix yoo-icon{fill:var(--dark, #000000)}:host(.dark) .input-container .icon-suffix{color:var(--dark, #000000);border-left:none}:host(.dark) .input-container input{color:var(--dark, #000000)}:host(.dark) .input-container input::-webkit-input-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input:-moz-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input::-moz-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container input:-ms-input-placeholder{color:var(--dark, #000000)}:host(.dark) .input-container .label{color:var(--dark, #000000)}:host(.stable-light) .input-container{border-color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .icon-prefix{border-right:none}:host(.stable-light) .input-container .icon-prefix yoo-icon{fill:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .icon-suffix{color:var(--stable-light, #f1f1f1);border-left:none}:host(.stable-light) .input-container input{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input::-webkit-input-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input:-moz-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input::-moz-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container input:-ms-input-placeholder{color:var(--stable-light, #f1f1f1)}:host(.stable-light) .input-container .label{color:var(--stable-light, #f1f1f1)}:host(.stable-to-light) .input-container{border-color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .icon-prefix{border-right:none}:host(.stable-to-light) .input-container .icon-prefix yoo-icon{fill:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .icon-suffix{color:var(--text-color, #807f83);border-left:none}:host(.stable-to-light) .input-container input{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input::-webkit-input-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input:-moz-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input::-moz-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container input:-ms-input-placeholder{color:var(--text-color, #807f83)}:host(.stable-to-light) .input-container .label{color:var(--text-color, #807f83)}:host(.dark-to-light) .input-container{border-color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .icon-prefix{border-right:none}:host(.dark-to-light) .input-container .icon-prefix yoo-icon{fill:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .icon-suffix{color:var(--dark-to-light, #000000);border-left:none}:host(.dark-to-light) .input-container input{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input::-webkit-input-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input:-moz-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input::-moz-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container input:-ms-input-placeholder{color:var(--dark-to-light, #000000)}:host(.dark-to-light) .input-container .label{color:var(--dark-to-light, #000000)}:host(.stable) .input-container{border-color:var(--stable, #adadad)}:host(.stable) .input-container .icon-prefix{border-right:none}:host(.stable) .input-container .icon-prefix yoo-icon{fill:var(--stable, #adadad)}:host(.stable) .input-container .icon-suffix{color:var(--stable, #adadad);border-left:none}:host(.stable) .input-container input{color:var(--stable, #adadad)}:host(.stable) .input-container input::-webkit-input-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input:-moz-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input::-moz-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container input:-ms-input-placeholder{color:var(--stable, #adadad)}:host(.stable) .input-container .label{color:var(--stable, #adadad)}:host(.light) .input-container{border-color:var(--light, #ffffff)}:host(.light) .input-container .icon-prefix{border-right:none}:host(.light) .input-container .icon-prefix yoo-icon{fill:var(--light, #ffffff)}:host(.light) .input-container .icon-suffix{color:var(--light, #ffffff);border-left:none}:host(.light) .input-container input{color:var(--light, #ffffff)}:host(.light) .input-container input::-webkit-input-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input:-moz-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input::-moz-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container input:-ms-input-placeholder{color:var(--light, #ffffff)}:host(.light) .input-container .label{color:var(--light, #ffffff)}";
 
 const YooFormInputComponent = class {
   constructor(hostRef) {
@@ -3978,7 +3979,7 @@ const YooFormInputComponent = class {
           'hide-value': (_a = this.checkboxParams) === null || _a === void 0 ? void 0 : _a.value,
           'has-icon-prefix': this.finalIconPrefix && this.hasIconPrefix
         }, disabled: this.disabled, value: this.localValue }), this.maxCharacters && this.renderMaxCharacterCounter(), this.host.classList.contains('warning') && h("div", { class: "warning-icon" }), (hasValue && !isNullOrUndefined(this.validity) && this.uiValidation && this.uiValidation.valid && this.validity) ||
-        (this.uiValidation.invalid && this.validity === false && (h("div", { class: 'valid-icon ' + (this.validity ? 'valid' : 'invalid' + (this.clearable && hasValue && this.type === 'password' && this.showPasswordToggle ? '' : ' last')) }, h("yoo-icon", { name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))), this.type === 'password' && this.showPasswordToggle && (h("div", { class: 'icon-suffix-focus' + (this.clearable && hasValue ? '' : ' last'), onClick: this.onShowPassword.bind(this) }, hasValue && h("yoo-icon", { size: this.getIconSize(), name: "eye", color: this.inputType === 'password' ? 'stable-alt' : 'light' }))), this.clearable && !((_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value) && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" }))), this.iconSuffix && (h("div", { class: "icon-suffix-focus", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, h("yoo-icon", { name: this.iconSuffix, size: this.getIconSize() }))), ((_c = this.inlineActions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
+        (this.uiValidation.invalid && this.validity === false && (h("div", { class: 'valid-icon ' + (this.validity ? 'valid' : 'invalid' + (this.clearable && hasValue && this.type === 'password' && this.showPasswordToggle ? '' : ' last')) }, h("yoo-icon", { color: this.validity ? 'app-color' : 'danger', name: this.validity ? 'check' : 'rejected', size: this.getIconSize() })))), this.type === 'password' && this.showPasswordToggle && (h("div", { class: 'icon-suffix-focus' + (this.clearable && hasValue ? '' : ' last'), onClick: this.onShowPassword.bind(this) }, hasValue && h("yoo-icon", { size: this.getIconSize(), name: "eye", color: this.inputType === 'password' ? 'stable-alt' : 'light' }))), this.clearable && !((_b = this.checkboxParams) === null || _b === void 0 ? void 0 : _b.value) && (h("div", { class: { 'icon-suffix-focus last icon-close': true }, style: { display: hasValue ? undefined : 'none' }, onClick: () => (hasValue ? this.clearInput() : null) }, h("yoo-icon", { size: this.getIconSize(), name: "cross" }))), this.iconSuffix && (h("div", { class: "icon-suffix-focus", onClick: () => (this.inputElement && this.inputElement.focus ? this.inputElement.focus() : null) }, h("yoo-icon", { name: this.iconSuffix, size: this.getIconSize() }))), ((_c = this.inlineActions) === null || _c === void 0 ? void 0 : _c.length) > 0 &&
         this.inlineActions.map((action) => (h("div", { class: "icon-suffix", onClick: () => action.handler }, h("yoo-icon", { name: action.icon, color: action.iconColor }))))),
       this.checkboxParams && h("yoo-form-checkbox", { onInputChanged: this.onCheckboxChanged, value: this.checkboxParams.value, header: this.checkboxParams.header }),
       this.tooltip && (h("div", { class: { 'icon-suffix-focus last icon-close': true } }, h("yoo-tooltip", { content: this.tooltip }, h("yoo-icon", { size: "medium", name: "help" })))),

package/dist/esm/yoo-ag-grid_96.entry.js

@@ -3,10 +3,10 @@ import { aJ as eq, u as isArray$1, a4 as isObject$2, as as isFunction$2, aO as b
 import { E as EventType, x as TLessonState, F as FormFieldType, a as IncentivePartType, y as FormFilterAutocompleteOperator, W as WaitlistAPIDateFormat } from './input-bar.interface-4e956599.js';
 import { i as isLessonCompleted, c as canBeRetried, S as ScreenOrientation } from './ResizeObserver.es-a8772c31.js';
 import { f as getAppContext, l as loadScript, z as querySelectorDeep, B as setAnimation, e as execHandlerAndStopEvent, s as showPhotoEditor, q as setColorSVG, E as EMPTYSTATE_MAP, y as querySelectorAllDeep, i as lockSwipes, k as getActiveElementShadow, o as hideShowTabbar, u as sanitizeHTML, n as hideShowSearchBar, h as getNextValueInArray, D as EMPTYSTATE_TEXT_MAP, F as EMPTYSTATE_TITLE_MAP, p as filterDuplicateItems, C as animations, A as cloudinary, m as lifecycleEvents } from './common-helpers-f3296dd7.js';
-import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-1dd42472.js';
+import { a as getKeyTemplate, p as progressValue, v as validationProgressValue, c as conformityProgressValue, b as conformityRelativeProgressValue, g as getRenderer } from './grid-renderers-f81f061f.js';
 import { i as identity$4 } from './identity-db011338.js';
 import { i as isNumber$1 } from './isNumber-5a14c4d5.js';
-import { j as baseSum, a as isRequired, g as getTypeValidation, b as isReadonly, s as setFieldData, u as updateFormulas, e as getDynamicProperty, c as isDisabled, d as generateLabel, i as isCreationAllowed } from './form-helpers-63173698.js';
+import { j as baseSum, a as isRequired, g as getTypeValidation, b as isReadonly, s as setFieldData, u as updateFormulas, e as getDynamicProperty, c as isDisabled, d as generateLabel, i as isCreationAllowed } from './form-helpers-d54ae23e.js';
 import { k as keys$1 } from './keys-ec469112.js';
 import { i as isIterateeCall, s as sortBy } from './sortBy-f7a2a4cf.js';
 import { a as baseFor, b as baseEach } from './_baseEach-312405e0.js';
@@ -21,7 +21,7 @@ import { a as getFromOfflineStorage, g as getFromLocalForage, b as getKeyToCache
 import { g as getUserDisplayName, r as replaceAtTagToMentionTag, k as hasAttachment, c as capitalizeFirstLetter$1 } from './entities-helpers-122c20c3.js';
 import { p as pipes } from './pipe-e40e660a.js';
 import { a as getPlanDueDate, h as getPlanStartDate, i as isPlanInFuture, j as isPlanRatingEnabled, s as showRatingDialog, b as isContentOnly, g as getLessonTypeIcon, f as isQuiz, k as isTimedQuiz, l as isConfidenceAssesment } from './boost-helpers-ae1115e2.js';
-import { k as isFieldWithNoValue, b as getFieldValue, s as slenderizeObject, q as isVisible$1, r as hasValue, u as updateDatasetFilters, o as answerIsValid, c as getFieldReplacement, e as evalInContext } from './form-helpers-1b9c9641.js';
+import { k as isFieldWithNoValue, b as getFieldValue, s as slenderizeObject, q as isVisible$1, r as hasValue, u as updateDatasetFilters, o as answerIsValid, c as getFieldReplacement, e as evalInContext } from './form-helpers-304f10bc.js';
 import { r as replaceAllLinks, c as containsUrls, a as replaceAndGetAllLinks, g as getURLs, i as isDeeplink } from './url-helpers-91100b28.js';
 import { i as isIntersectionObserverSupported, a as intersectionObserve, r as resizeObserve } from './observer-helpers-2c5c0591.js';
 import { g as getButton } from './button.factory-c764da60.js';
@@ -92,6 +92,7 @@ import './_createAggregator-8d09e764.js';
 import './validate-691c9af1.js';
 import './toNumber-2273741c.js';
 import './video-player-helpers-abeb792d.js';
+import './isNil-7611dfec.js';
 import './clone-60e20a59.js';
 import './operation-helpers-0af202b3.js';
 
@@ -126867,7 +126868,8 @@ const YooFormDynamicComponent = class {
       case FormFieldType.feedback:
         TagType = 'yoo-form-feedback';
         extraAttrs = {
-          class: this.appColor
+          class: this.appColor,
+          isReadonly: readonly
         };
         break;
       case FormFieldType.signature:
@@ -127883,7 +127885,6 @@ const YooFormNumberPickerComponent = class {
     if (!this.value && this.useButtons) {
       this.value = this.min;
     }
-    this.updateValidity();
   }
   componentDidLoad() {
     this.setCaretColor();
@@ -130742,6 +130743,7 @@ const YooGridComponent = class {
       this.isSelectedToggleView = false;
     }
     this.searchText = ev.detail;
+    this.isFirstLoadAfterDisconnect = false;
     this.setCurrentPage(0);
     this.onFetchData();
     if (this.isLocal) {
@@ -132236,9 +132238,8 @@ const YooGridComponent = class {
     return [this.renderBody(), this.renderAddNewTag()];
   }
   renderBaseContent() {
-    var _a, _b;
     const isEmpty = this.host.classList.contains('empty');
-    const isRelative = isFirefox$2() ? (_b = (_a = this.containerBase) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('dialog') : true;
+    const isRelative = true; // isFirefox() ? this.containerBase?.classList?.contains('dialog') : true;
     return this.scrollable && !this.isAgGrid() && !this.isCalendar() ? (h$2("yoo-ion-scroll", { slotName: "grid-content-slot" // set a name to fix "A problem repeatedly occurred with..." on Safari
       ,
       class: { 'no-scrollbar': !isWeb(this.host) && !isForceScrollbar(), relative: isRelative, empty: isEmpty }, scrollEvents: true, onHideTabbar: (ev) => this.onHideShowSearchBar(ev) }, h$2("div", { class: "grid-content-slot", slot: "grid-content-slot" }, this.renderContent()))) : (this.renderContent());

package/dist/esm/yoo-alert.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-27314512.js';
 import { bQ as fadeScaleAnimation, Q as isAnimationsDisabled, t as translate, Y as translateMulti } from './rrule-5a2de9bb.js';
 import './input-bar.interface-4e956599.js';
-import { n as isTranslationKey } from './form-helpers-1b9c9641.js';
+import { n as isTranslationKey } from './form-helpers-304f10bc.js';
 import { p as present, d as dismiss } from './overlays-798eeacc.js';
 import './ResizeObserver.es-a8772c31.js';
 import { m as lifecycleEvents, f as getAppContext } from './common-helpers-f3296dd7.js';
@@ -36,6 +36,7 @@ import './cloneDeep-7e28f486.js';
 import './_baseClone-e5fd6937.js';
 import './_baseAssignValue-312f346a.js';
 import './isUndefined-11cbe419.js';
+import './isNil-7611dfec.js';
 import './toInteger-9e62a9cd.js';
 import './toFinite-adaf76e2.js';
 import './toNumber-2273741c.js';

package/dist/esm/yoo-camera-preview-dialog_7.entry.js

@@ -7,10 +7,10 @@ import { g as getPictureMaxSize, a as importMultipleFromLibrary, b as getPicture
 import { a as showSlidesMedia, f as getAppContext, y as querySelectorAllDeep, z as querySelectorDeep, s as showPhotoEditor, i as lockSwipes } from './common-helpers-f3296dd7.js';
 import { z as getFormCapturedFileSize, v as moveToImageDirectory, A as updatePathSessionId, q as read, p as getMimeType, B as hasLargeFile, c as changeExtension, i as isGif, n as downloadFile } from './index-7a08441e.js';
 import { p as pipes } from './pipe-e40e660a.js';
-import { h as initArrayValue } from './form-helpers-63173698.js';
+import { h as initArrayValue } from './form-helpers-d54ae23e.js';
 import { b as setValueAndValidateInput, s as setValidator } from './form-input-helpers-da854059.js';
 import { k as keys } from './keys-ec469112.js';
-import { p as intersection } from './form-helpers-1b9c9641.js';
+import { p as intersection } from './form-helpers-304f10bc.js';
 import { i as isNumber } from './isNumber-5a14c4d5.js';
 import { c as copyObject, k as keysIn } from './_baseClone-e5fd6937.js';
 import { c as createAssigner, a as assign } from './assign-6bfb01cb.js';
@@ -49,6 +49,7 @@ import './isEqual-17ab50de.js';
 import './sortBy-f7a2a4cf.js';
 import './_baseOrderBy-8cdf0a8b.js';
 import './_baseEach-312405e0.js';
+import './isNil-7611dfec.js';
 import './map-55451e6b.js';
 import './isBoolean-80d45d8d.js';
 import './_baseAssignValue-312f346a.js';

package/dist/esm/yoo-card-list-image_12.entry.js

@@ -12,7 +12,7 @@ import { g as get } from './get-3cbd3bd6.js';
 import { f as getPhotoSVG, k as isElementInsideContainer } from './annotations-helpers-d026cd25.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
 import { u as updateSVGCustomColors } from './image-helpers-6b281c05.js';
-import { g as getRenderer } from './grid-renderers-1dd42472.js';
+import { g as getRenderer } from './grid-renderers-f81f061f.js';
 import { d as debounce$1 } from './debounce-1a5f66d4.js';
 import { c as cloneDeep } from './cloneDeep-7e28f486.js';
 import { a as assign } from './assign-6bfb01cb.js';
@@ -45,9 +45,9 @@ import './identity-db011338.js';
 import './_baseEach-312405e0.js';
 import './url-helpers-91100b28.js';
 import './salesai-helpers-82535622.js';
-import './form-helpers-63173698.js';
+import './form-helpers-d54ae23e.js';
 import './filters-helpers-51aea915.js';
-import './form-helpers-1b9c9641.js';
+import './form-helpers-304f10bc.js';
 import './video-player-helpers-abeb792d.js';
 import './_baseFlatten-c79e3f06.js';
 import './_copyArray-40d7b0e8.js';
@@ -56,6 +56,7 @@ import './_baseRest-0d3378d7.js';
 import './_overRest-e9d6bdd4.js';
 import './_defineProperty-5a60165f.js';
 import './isArrayLikeObject-fccda7a7.js';
+import './isNil-7611dfec.js';
 import './map-55451e6b.js';
 import './clone-60e20a59.js';
 import './_baseClone-e5fd6937.js';

package/dist/esm/yoo-form-choice_4.entry.js

@@ -10,7 +10,7 @@ import { s as shuffle } from './shuffle-ec8e5df6.js';
 import { f as findIndex } from './findIndex-f1398eac.js';
 import { i as isString } from './isString-1673d591.js';
 import { f as feedbackValues } from './index-2319a076.js';
-import { l as setBlockSelection, U as setPageSelection } from './index-6f7890f4.js';
+import { l as setBlockSelection, U as setPageSelection } from './index-70924cfc.js';
 import { d as getConfidenceDescriptionKey } from './boost-helpers-ae1115e2.js';
 import { i as isNumber } from './isNumber-5a14c4d5.js';
 import './isUndefined-11cbe419.js';
@@ -38,7 +38,7 @@ import './index-7a08441e.js';
 import './document-29cc0400.js';
 import './validate-691c9af1.js';
 import './form-creator-helpers-e288d1e2.js';
-import './form-helpers-1b9c9641.js';
+import './form-helpers-304f10bc.js';
 import './filters-helpers-51aea915.js';
 import './video-player-helpers-abeb792d.js';
 import './_baseFlatten-c79e3f06.js';
@@ -50,6 +50,7 @@ import './sortBy-f7a2a4cf.js';
 import './_baseOrderBy-8cdf0a8b.js';
 import './cloneDeep-7e28f486.js';
 import './_baseClone-e5fd6937.js';
+import './isNil-7611dfec.js';
 import './map-55451e6b.js';
 import './clone-60e20a59.js';
 import './isBoolean-80d45d8d.js';
@@ -269,9 +270,9 @@ const YooFormChoiceComponent = class {
       values = values.filter(({ text }) => answers.some((answer) => answer === text));
     }
     return (h("div", { class: { 'images-container': true, readonly: this.readonly } }, values.map((value, index) => {
-      var _a;
       const { text, image } = value || {};
-      const isCorrect = ((_a = this.answer) === null || _a === void 0 ? void 0 : _a.length) <= 0 ? null : this.answer.includes(text);
+      const answer = this.type === 'image' ? [].concat(this.answer).map(a => a.text ? a.text : a) : this.answer;
+      const isCorrect = (answer === null || answer === void 0 ? void 0 : answer.length) <= 0 ? null : answer.includes(text);
       return image && (h("div", { class: "image-container", onClick: () => this.isHistory && onOpenImage(values, index), style: this.animated ? { '--choice-index': index.toString() } : {} }, h("div", { class: { 'image-content': true, 'correct-answer': this.readonly && isCorrect === true, 'wrong-answer': this.readonly && isCorrect === false } }, image && h("yoo-img", { cloudinaryOptions: { pad: true }, scaledUp: this.isPdf, src: image, onClick: () => !readonly && this.onItemSelect(text) }), !readonly && [
         h("yoo-form-checkbox", { value: this.isSelected(text), onClick: () => this.onItemSelect(text), animated: this.animated }),
         h("yoo-tag", { color: "dark-60", icon: "maximize", iconOnlyColor: "light", size: "small", onClick: () => onOpenImage(values, index) })