@yoobic/yobi 8.2.0-9 → 8.2.2

package/dist/cjs/yoo-form-dynamic.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index$2 = require('./index-c8609d4f.js');
-const index = require('./index-1c7eb28e.js');
-const index$1 = require('./index-5de6b33e.js');
+const index = require('./index-fc264952.js');
+const index$1 = require('./index-f3d7c03d.js');
 const lodash = require('./lodash-597bda6d.js');
-const operationHelpers = require('./operation-helpers-d9ca3601.js');
+const operationHelpers = require('./operation-helpers-dcf02ba5.js');
 const formField_instance = require('./form-field.instance-610e61e1.js');
-const commonHelpers = require('./common-helpers-d06450ea.js');
-const formHelpers = require('./form-helpers-1e738cef.js');
-const formInputHelpers = require('./form-input-helpers-2996713d.js');
+const commonHelpers = require('./common-helpers-6970c46c.js');
+const formHelpers = require('./form-helpers-3480a64b.js');
+const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 function getFieldState(field, fieldsState) {
@@ -171,7 +171,7 @@ function hasKeyboardInput(fieldType) {
   }
 }
 
-const formDynamicCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.absolute){position:absolute;top:0;right:0;bottom:0;left:0}:host(.no-initial-height) .inputs-container{height:0}:host(.inline-row) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;}:host(.inline-row) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.inline-row) .inputs-container .field-placeholder-break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host(.inline-row) .inputs-container .field-placeholder:not(.custom-width){width:12.5rem}:host(.inline-row) .inputs-container .field-placeholder.custom-width{width:auto}:host(.inline-row) .inputs-container .field-placeholder.invisible{display:none}:host(.inline-row) .inputs-container .field-placeholder yoo-form-input-container{padding:0 !important}:host(.inline-row) .inputs-container .field-placeholder.missionfield{width:26rem}:host(.inline-row) .inputs-container .field-placeholder:not(.field-placeholder-empty){padding-bottom:0.25rem !important}:host(.inline-row) .inputs-container .footer-spacer{display:none}:host(.inline-row.inline-row-narrow) .inputs-container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:0}:host(.inline-row.inline-row-narrow) .inputs-container .slot-container-after{width:auto}:host(.inline-row.inline-row-narrow) .field-placeholder{margin-right:0 !important}:host(.inline-row.inline-row-narrow) .field-placeholder:not(.last){padding-right:var(--spacing-04, 0.25rem) !important}:host(.inline-row.inline-row-narrow) .footer-spacer{display:none}:host(.inline-row.fixed-width) .inputs-container .field-placeholder{width:12.5rem}:host{--history-default-width:11.25rem;--inputs-margin:0 var(--spacing-16, 1rem);--video-container-height:9.375rem;--footer-height:var(--spacing-56, 3.5rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .main-container{-ms-flex:1;flex:1;overflow-y:auto}:host .main-container .inputs-container-parent{overflow-y:auto}:host .main-container .inputs-container-parent.gridstack{margin:var(--spacing-16, 1rem);overflow:visible scroll !important}:host .main-container .inputs-container-parent.gridstack-no-scroll{margin:0 !important;padding:0 !important;overflow:hidden !important}:host .pdf-field-wrapper{width:100%}:host .no-scroll{overflow:hidden}:host .field-invalids{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-10, rgba(173, 173, 173, 0.1));border-radius:var(--spacing-08, 0.5rem)}:host .field-invalids .field-invalid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-radius:var(--border-radius-04, 0.25rem)}:host .field-invalids .field-invalid .field-invalid-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .field-invalids .field-invalid .field-invalid-header .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@-webkit-keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}@keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}:host *[extraclass=hidden]{display:none}:host yoo-tabs{min-height:2.5rem}:host yoo-form-explanation{margin:var(--spacing-16, 1rem) 0 0}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not(.recap){--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .answer-explanation-separator{height:0.0625rem;margin:var(--spacing-16, 1rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .answer-separator{width:100%;height:0.5rem;margin:var(--spacing-24, 1.5rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .info-header{color:var(--dark, #000000)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem)}:host .info-container yoo-tag{margin-right:var(--spacing-24, 1.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .pdf-field-wrapper.inline,:host .field-placeholder.inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto}:host .answer-validity{margin:0;font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .answer-validity.valid,:host .answer-validity.valid+*>yoo-form-input{color:var(--success, #3aa76d)}:host .answer-validity.invalid,:host .answer-validity.invalid+*>yoo-form-input{color:var(--danger, #d44333)}:host .progress-container{background:var(--light, #ffffff)}:host .progress-container.border-bottom{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .progress-container.animated>*{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:700ms;animation-duration:700ms}:host .progress-container.animated>*:not(yoo-progress-bar){display:block}:host .no-slide-container{padding:var(--spacing-16, 1rem)}:host .inputs-container-parent.gridstack{overflow:visible scroll}:host .inputs-container-parent:not(.gridstack){padding:var(--inputs-margin)}:host .inputs-container-parent.grid-flex{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important}:host .inputs-container.grid-flex{display:-ms-flexbox !important;display:flex !important;-ms-flex:1 !important;flex:1 !important;-ms-flex-direction:column !important;flex-direction:column !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important;-ms-flex-align:start !important;align-items:flex-start !important;margin:0 !important;padding-bottom:0 !important}:host .inputs-container.grid-flex .footer-spacer{display:none}:host .inputs-container.grid-flex .field-placeholder:not(.grid):not(.audience){-ms-flex:unset !important;flex:unset !important}:host .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container.gap{-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container .slot-container-after{width:100%}:host .summary-title{padding:0.8rem 0 0 1rem;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .flex-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .column{min-width:0}:host .flex-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box}:host .flex-center-center{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%}:host .flex-center-space-around{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;max-width:100%}:host>form>yoo-ion-slides{position:absolute;top:0;right:0;bottom:0;left:0}:host yoo-ion-slides{height:100%}:host yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:1rem}:host yoo-ion-slides yoo-ion-slide.dynamic .header{padding-top:1rem;padding-bottom:1rem;line-height:1.125rem}:host yoo-ion-slides yoo-ion-slide.recap{background:var(--stable-ultralight, #fafafa)}:host yoo-ion-slides yoo-ion-scroll.with-footer{bottom:var(--footer-height)}:host yoo-form-recap-step.last{margin-bottom:var(--spacing-16, 1rem)}:host yoo-mission-score{display:block;margin:1rem}:host .information{color:var(--text-color, #807f83)}:host .information .danger{color:var(--danger, #d44333)}:host .information .success{color:var(--success, #3aa76d)}:host .information .app-color{color:var(--app-color, #5a30f4)}:host .information .black{color:var(--dark, #000000)}:host .information .center{text-align:center}:host .information.readonly ul{margin-left:1rem}:host .information.fr-view{color:var(--dark, #000000)}:host .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .field-translation yoo-icon{margin-right:0.3rem}:host .field-translation *{display:inline-block}:host .extra-button-container{margin:1rem;margin-bottom:0}:host .swiper-container{max-width:100%;height:100%}:host .slide-zoom{max-width:100%;height:100%;overflow:hidden}:host .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.625rem 1.25rem;overflow:auto;color:var(--stable, #adadad);font-size:var(--font-size-24, 1.5rem);text-align:left;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);}:host .toolbar::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .toolbar:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .toolbar yoo-button{padding-right:var(--spacing-16, 1rem)}:host .toolbar.with-padding{margin-bottom:var(--safe-area-inset-bottom)}:host .toolbar ::slotted([slot=footer]) yoo-button{display:inline;padding:0.5rem}:host .slide-container{position:relative;width:100%;height:100%;text-align:left;-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)}:host .slide-container.no-shadow{margin:0}:host .slide-container.no-shadow yoo-ion-scroll{margin-bottom:0;padding:0;padding-top:0rem;padding-bottom:2rem;border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid{padding-bottom:0}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container{-ms-flex:1;flex:1;padding-bottom:0 !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container .field-placeholder.grid yoo-grid{-ms-flex:1;flex:1;min-height:initial;max-height:initial !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .footer-spacer{display:none}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible){margin:0}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible) .help-below-title{display:block;margin-top:var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .slide-container>yoo-ion-scroll{top:0;right:0;bottom:0;left:0;padding:0 0.5rem;background:transparent}:host .slide-container .toolbar{position:absolute;top:auto;right:0;bottom:0;left:0}:host .slide-container .toolbar-spacer{height:3rem}:host .form-wrapper{position:relative;width:100%;background-color:var(--light, #ffffff)}:host .form-wrapper.bottom-toolbar{height:calc(100% - 2.9375rem)}:host .form-wrapper.bottom-toolbar .scroll-spacer{height:6.25rem}:host .swiper-pagination-bullet-active{background-color:var(--app-color, #5a30f4) !important}:host .scroll-spacer{width:100%;height:6.25rem}:host .header{-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-right:1rem;padding-left:1rem;font-weight:var(--font-weight-400, 400)}:host .header yoo-icon{padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .header-recap .progressbar-wrapper{padding:0.5rem 1rem}:host .field-header{min-height:1.5rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-collapsible{margin-top:1.5rem}:host .section-header{width:100%;margin:1rem;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .section-header.readonly{margin:1rem 0}:host .field-placeholder.readonly .field-header{padding:0}:host .zoom-button-container{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);z-index:1000;-ms-flex-direction:row;flex-direction:row}:host .zoom-button-container.minimize{right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem)}:host .zoom-button-container .zoom-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;line-height:1.5rem;text-align:center;background:var(--dark, #000000);border-radius:50%;opacity:0.6}:host .zoom-button-container .zoom-button yoo-icon{color:var(--light, #ffffff)}:host .zoom-button-container.mobile-padding{padding-top:1.625rem}:host .font-small{font-size:var(--font-size-12, 0.75rem)}:host yoo-form-videoplayer{display:block;width:100%;height:var(--video-container-height)}:host yoo-form-videoplayer.web{height:calc(var(--video-container-height) * 2);cursor:pointer}:host .field-placeholder{display:block;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease;animation-timing-function:ease}:host .field-placeholder:not(.custom-width){width:100%}:host .field-placeholder.collapsible{-webkit-animation:none;animation:none}:host .field-placeholder.invisible{height:0 !important;opacity:0;-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:100ms;animation-duration:100ms}:host .field-placeholder.grid,:host .field-placeholder.audience{display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}:host .field-placeholder.grid:not(.last),:host .field-placeholder.audience:not(.last){border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .field-placeholder.audience .field-header{margin:auto}:host .field-placeholder.grid yoo-form-input-container{padding:0 var(--spacing-24, 1.5rem) !important}:host .field-placeholder.grid .field-header{margin:var(--spacing-24, 1.5rem) var(--spacing-24, 1.5rem) 0}:host .field-placeholder.selectcard{max-width:inherit}:host .field-placeholder:not(.readonly):not(.invisible){position:relative;margin-top:0;padding-bottom:0}:host .field-placeholder:not(.readonly):not(.invisible):not(.collapsible).grid{margin-top:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).textarea.html{z-index:1}:host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible{padding:var(--spacing-16, 1rem) 0 0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.grid{padding:0 var(--spacing-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).no-margin{margin-bottom:0}:host .history{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history:not(.forcedhistory){margin-top:0.5rem;padding-top:0.5rem}:host .history .description{font-size:var(--font-size-14, 0.875rem)}:host .history .history-top-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 0.9375rem 0 0.9375rem;font-size:var(--font-size-16, 1rem)}:host .history .history-top-action .title{width:100%;color:var(--white);text-align:left}:host .history .history-top-action .action{width:100%;color:var(--app-color, #5a30f4);text-align:right}:host .history .outer-container .product-container{margin-bottom:var(--spacing-16, 1rem)}:host .history .outer-container .product-container .date,:host .history .outer-container .product-container .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .history .outer-container .inner-container{margin-bottom:var(--spacing-16, 1rem);background-color:var(--accent, #276ef1)}:host .history .outer-container .inner-container .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:0.5rem;padding:0.5rem;padding-left:6.25rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history .outer-container .inner-container .toolbar .title{padding-top:0.375rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .outer-container .inner-container .toolbar .quantity{color:var(--dark, #000000);text-align:center}:host .history .outer-container .inner-container .toolbar .price{-ms-flex:1;flex:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);white-space:nowrap;text-align:right}:host .history .outer-container .inner-container .toolbar .icon{padding:0 1rem;color:var(--text-color, #807f83)}:host .history .outer-container .inner-container .toolbar .icon.left{font-size:var(--font-size-16, 1rem);text-align:left}:host .history .outer-container .inner-container .toolbar .icon.right{font-size:var(--font-size-16, 1rem);text-align:right}:host .history .square{position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--history-default-width);margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0.625rem 0 0.625rem 0;padding:var(--spacing-08, 0.5rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:left;background-color:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15));box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15))}:host .history .square.single-item{width:80vw}:host .history .square.single-item .square-content{max-height:62.5rem;overflow:hidden}:host .history .square.autocomplete yoo-form-autocomplete{height:unset}:host .history .square.catalog{width:14.375rem}:host .history .square.catalog .square-content{max-height:18.75rem;overflow:hidden}:host .history .square.audio{width:21.875rem}:host .history .square.select .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.selectbuttonsmulti .square-content{max-height:2.75rem;overflow:hidden}:host .history .square.address .square-content,:host .history .square.location .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.textarea .square-content{max-height:3.0625rem;overflow:hidden}:host .history .square .history-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .square .history-header .avatar{display:-ms-flexbox;display:flex;padding-right:0.3125rem}:host .history .square .history-header .avatar yoo-avatar{-ms-flex-align:center;align-items:center;margin-top:0;border-top:0}:host .history .square .history-header .at{color:var(--stable, #adadad)}:host .history .square .square-title,:host .history .square .square-footer{font-size:var(--font-size-14, 0.875rem);text-align:left;opacity:0.5}:host .history .square .square-title div,:host .history .square .square-footer div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .history .square .square-title .square-icon,:host .history .square .square-footer .square-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--font-size-16, 1rem)}:host .history .square .square-title .square-icon .icon-text,:host .history .square .square-footer .square-icon .icon-text{padding-left:0.1875rem}:host .history .square .more-button,:host .history .square .less-more{display:none}:host .history .square.truncate .square-content{max-height:2rem;overflow:hidden}:host .history .square.truncate.starrating .square-content{max-height:1.875rem}:host .history .square.truncate.task .square-content{width:21.875rem}:host .history .square.truncate.multiphotos .square-content,:host .history .square.truncate.photo .square-content{max-height:4.375rem}:host .history .square.truncate .more-button{display:-ms-flexbox;display:flex;float:right;margin-left:auto;color:var(--stable, #adadad)}:host .history .square .square-content{position:relative;overflow:hidden;white-space:initial;text-align:left}:host .history .square .square-content .overlay{position:absolute;z-index:9;width:100%;height:100%;background:transparent}:host .history .square .square-content yoo-form-capture{--width-readonly-preview:1.875rem;--height-readonly-preview:1.875rem;--camera-container-size:2.0625rem;--image-max-height:4.375rem}:host .history .square .square-content yoo-form-document[type=image]{--height-image-container:1.875rem}:host .history .square .square-content yoo-card-file{--height-image-container:1.875rem}:host .history .square .square-content yoo-form-signature-pad{--height-image:1.875rem}:host yoo-banner{--close-icon-color:var(--light, #ffffff)}:host .footer-spacer{width:100%;min-height:1rem}:host(.mobile){--footer-height:5.75rem}:host(.wizard){display:block;height:100%}:host(.wizard) .progress-container{width:25rem;height:auto;margin:0 auto}:host(.wizard) yoo-ion-slides{height:calc(100% - 2.5rem) !important}:host(.wizard) yoo-ion-slides .field-placeholder.grid{height:100%;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid{min-height:33rem;max-height:33rem;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard-single) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex .scroll-spacer{display:none}:host(.wizard-single) .no-slide-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.wizard-single) yoo-ion-slides{height:100% !important}:host(.wizard.wizard-single) yoo-ion-slides .field-placeholder.grid yoo-grid{margin-top:1.2rem}:host(.wizard.mobile) .progress-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 1rem}:host(.wizard.mobile) .inputs-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.mobile) yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host(.wizard.mobile) yoo-ion-slides.has-header{height:calc(100% - 3.5rem) !important}@media screen and (max-height: 736px){:host(.wizard){display:block}:host(.wizard) yoo-ion-slides .field-placeholder yoo-grid{min-height:25rem;max-height:25rem}}:host(.mission-form:not(.readonly)) yoo-form-progress-indicator,:host(.workflow-form:not(.readonly)) yoo-form-progress-indicator,:host(.kanban-form:not(.readonly)) yoo-form-progress-indicator{--scroll-container-color:var(--light, #ffffff);--scroll-container-margin:0 0 0.5rem 0}:host(.mission-form:not(.readonly)) .inputs-container,:host(.workflow-form:not(.readonly)) .inputs-container,:host(.kanban-form:not(.readonly)) .inputs-container{max-width:36rem !important;margin:auto}:host(.mission-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.workflow-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.kanban-form:not(.readonly)) .scroll-spacer.bottom-bar{height:5.75rem}:host(.mission-form:not(.readonly)) .slide-container,:host(.workflow-form:not(.readonly)) .slide-container,:host(.kanban-form:not(.readonly)) .slide-container{background-color:transparent}:host(.mission-form:not(.readonly)) .form-wrapper,:host(.workflow-form:not(.readonly)) .form-wrapper,:host(.kanban-form:not(.readonly)) .form-wrapper{position:relative;width:100%}:host(.mission-form:not(.readonly)) .form-wrapper.zoomed,:host(.workflow-form:not(.readonly)) .form-wrapper.zoomed,:host(.kanban-form:not(.readonly)) .form-wrapper.zoomed{height:100% !important;margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible){margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information{padding-bottom:0;border-bottom:none}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{margin:var(--spacing-08, 0.5rem) 0;margin-bottom:0;padding:var(--spacing-16, 1rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last{margin-bottom:1.5625rem}:host(.mission-form:not(.readonly)) .footer-spacer,:host(.workflow-form:not(.readonly)) .footer-spacer,:host(.kanban-form:not(.readonly)) .footer-spacer{background-color:transparent}:host(.mission-form.pdf) .main-container{-ms-flex:initial;flex:initial;overflow-y:initial}:host(.mission-form.pdf) .inputs-container-parent{margin:initial;padding:0 !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container{max-width:unset !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container .field-placeholder:not(.grid):not(.audience),:host(.mission-form.pdf) .inputs-container-parent .inputs-container yoo-collapsible,:host(.mission-form.pdf) .inputs-container-parent .inputs-container .section-header{max-width:unset !important}:host(.mission-form.pdf) .field-placeholder.last{border-bottom:none}:host(.kanban-form.readonly) .field-placeholder:not(.invisible){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host(.kanban-form.readonly) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0 var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.kanban-form.web:not(.readonly)) .field-placeholder:not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.in-card) .main-container{margin:0}:host(.in-card) .main-container .inputs-container-parent{margin:0 var(--spacing-16, 1rem) !important}:host(.in-card) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:none}:host(.in-card) yoo-progress-bar{--stroke-width-line:8}:host(.lesson-form.web:not(.lesson-live-preview)){background-color:var(--stable-ultralight, #fafafa)}:host(.lesson-form.web:not(.lesson-live-preview)) form{background-color:transparent}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container{height:100%}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container yoo-form-input-container{width:100%;max-height:calc(100% - 2rem) !important}:host(.lesson-form) .progress-container{z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem)}:host(.lesson-form) .swiper-container{height:calc(100% - 3rem)}:host(.lesson-form) .information{color:var(--dark, #000000)}:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filterdate,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filternumber,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filtertext{padding-bottom:var(--spacing-08, 0.5rem)}:host(.floating){background:transparent}:host(.floating) .main-container .inputs-container-parent{padding:var(--spacing-16, 1rem) !important;padding-bottom:0 !important}:host(.floating) .field-placeholder:not(.readonly):not(.invisible):not(.collapsible){background:transparent}:host(.floating.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0 0 var(--spacing-16, 1rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{min-height:3rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;overflow:hidden}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary{width:12.5rem;padding:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-fields-container{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-category{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-actions yoo-button{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field .title{color:var(--text-color, #807f83);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .toolbar{min-height:2.1875rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .scroll-spacer{height:0}:host(.mission-results) .inputs-container-parent{margin:0}:host(.web:not(.inline):not(.inline-row):not(.force-mobile):not(.mission-results):not(.lesson-detail.readonly)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-08, 0.5rem)}:host(.web.padding:not(.inline):not(.inline-row)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-16, 1rem)}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 0.95rem;margin-top:var(--spacing-04, 0.25rem) !important;background:var(--stable-background);border-bottom:unset;border-top-left-radius:0.3125rem;border-top-right-radius:0.3125rem}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container yoo-progress-bar.top-content{width:25rem}:host(.web.lesson-form:not(.lesson-live-preview)) yoo-form-input-container.imagetagging{max-width:50rem;margin:0 auto}:host(.lesson-form) yoo-ion-scroll,:host(.lesson-live-preview) yoo-ion-scroll{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--font-size-description:inherit}:host(.lesson-form) .scroll-spacer,:host(.lesson-live-preview) .scroll-spacer{height:0}:host(.lesson-form) .footer-spacer,:host(.lesson-live-preview) .footer-spacer{min-height:0}:host(.lesson-form) yoo-form-footer,:host(.lesson-live-preview) yoo-form-footer{position:relative}:host(.web.vertical-tabs){--tabs-active-background:var(--stable-alt-10, rgba(208, 208, 208, 0.1));--tabs-active-border-color:var(--app-color, #5a30f4);--tabs-border-color:transparent;--tabs-border-width:var(--border-width-02, 0.125rem);--tabs-gap:var(--spacing-08, 0.5rem);--tabs-inner-padding:0 var(--spacing-16, 1rem);--tabs-outer-padding:var(--spacing-16, 1rem);--tabs-width:15rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row !important;flex-direction:row !important}:host(.web.vertical-tabs) .inputs-container{-ms-flex:1;flex:1;margin:0;padding-top:0;overflow:visible;}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container .field-placeholder,:host(.web.vertical-tabs) .inputs-container yoo-collapsible{max-width:unset}:host(.web.vertical-tabs) .inputs-container .field-placeholder yoo-form-input-container:not(.grid),:host(.web.vertical-tabs) .inputs-container yoo-collapsible yoo-form-input-container:not(.grid){padding:0 !important}:host(.web.vertical-tabs) .inputs-container .field-header{padding:0 !important}:host(.web.vertical-tabs) yoo-tabs{--active-tab-background:var(--tabs-active-background);--active-tab-border-color:var(--tabs-active-border-color);--tab-border-color:var(--tabs-border-color);--tab-border-width:var(--tabs-border-width);--tab-padding:var(--tabs-inner-padding);--vertical-tab-gap:var(--tabs-gap);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--tabs-width);padding:var(--tabs-outer-padding);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)){--content-width:28rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) yoo-gridstack.inputs-container{overflow:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid):not(.custom-width):not(.audience),:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex yoo-collapsible,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .section-header{max-width:initial}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack){padding-top:0.5rem;padding-bottom:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack{overflow:visible scroll}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group{margin-top:var(--spacing-16, 1rem) !important;padding:var(--spacing-08, 0.5rem);padding-top:0;background-color:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group yoo-form-input-container,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group .field-header{background-color:var(--stable-ultralight, #fafafa)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header{margin-top:var(--spacing-16, 1rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap !important;flex-flow:row wrap !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:37.5rem;margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large .field-placeholder.custom-width{margin-right:var(--spacing-08, 0.5rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours{padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours:not([readonly]){margin:0 -4rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder{-ms-flex:1 1 100%;flex:1 1 100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container yoo-collapsible:not(.subform){margin-top:var(--spacing-16, 1rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel>yoo-ion-scroll,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel>yoo-ion-scroll{position:relative;width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{position:relative}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container{width:unset;height:100%;margin-right:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container yoo-ion-scroll{min-height:98%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel{margin-left:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)){--content-width:100% !important}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)) .main-container .inputs-container-parent .inputs-container .field-placeholder{width:100%;max-width:100%}:host(.web.large-container-padding) .main-container .inputs-container-parent{padding-right:var(--spacing-24, 1.5rem) !important;padding-left:var(--spacing-24, 1.5rem) !important}:host(.web.inline) .inputs-container,:host(.web.inline-row) .inputs-container{margin:0}:host(.web.inline) .inputs-container.label-top-aligned,:host(.web.inline-row) .inputs-container.label-top-aligned{-ms-flex-align:end;align-items:flex-end}:host(.web.profile) .main-container{background:var(--light, #ffffff)}:host(.web.profile) .main-container .inputs-container yoo-form-input-container{padding:var(--spacing-08, 0.5rem) 0}:host(.web:not(.mission-form):not(.inline)) .inputs-container.flex{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.web.absolute){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.padding) .main-container{padding:var(--spacing-16, 1rem)}:host(.inline){position:initial;top:initial;right:initial;bottom:initial;left:initial;display:block}:host(.inline) .main-container{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:hidden}:host(.inline) .main-container .inputs-container-parent{margin:0;padding:0}:host(.inline) .no-slide-container{padding:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible){padding-left:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible).disable-input-container{background:var(--stable-light, #f1f1f1)}:host(.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0;padding-bottom:0.5rem}:host(.inline) yoo-ion-slide{position:initial;width:100% !important}:host(.inline) yoo-ion-slide yoo-ion-scroll{position:initial;width:100%;padding:0 !important;padding-top:0 !important;overflow:hidden;contain:initial}:host(.inline) yoo-ion-slide .scroll-spacer{height:0}:host(.inline) yoo-ion-slide .footer-spacer{display:none;height:0;min-height:0}:host(.inline.no-margin) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.inline.web.absolute) yoo-ion-slides{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide yoo-ion-scroll{overflow:visible}:host(.inline.web.absolute) .scroll-spacer{-webkit-transition:0.3s;transition:0.3s}:host(.inline.web.absolute) yoo-form-input-container{max-width:unset}:host(.zoomed){display:block !important}:host(.flex) .inputs-container{display:-ms-flexbox;display:flex;padding-top:0.5em}:host(.zoomed.iphone-x) .slide-container{margin-top:var(--spacing-40, 2.5rem)}:host(.zoomed.iphone-x) .form-wrapper{-webkit-box-shadow:unset;box-shadow:unset}:host(.mission-form) .information *,:host(.workflow-form) .information *,:host(.kanban-form) .information *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host(.mission-form) .information p:empty,:host(.workflow-form) .information p:empty,:host(.kanban-form) .information p:empty{height:1rem}:host(.mission-form) .information .field-title,:host(.workflow-form) .information .field-title,:host(.kanban-form) .information .field-title{margin-left:-0.3rem;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.mission-form) .inputs-container,:host(.workflow-form) .inputs-container,:host(.kanban-form) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-08, 0.5rem)}:host(.form-creator-preview) .field-placeholder yoo-form-input-container{border:var(--border-width-04, 0.25rem) solid transparent}:host(.form-creator-preview) .field-placeholder yoo-form-input-container:hover{border:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.form-creator-block) .inputs-container{padding-bottom:1rem}:host(.form-creator-block) .inputs-container .field-placeholder{max-width:100% !important}:host(.form-creator-block) .inputs-container .field-placeholder.checkbox yoo-form-input-container,:host(.form-creator-block) .inputs-container .field-placeholder.toggle yoo-form-input-container{padding:0 0.1rem !important}:host(.form-creator-block) .inputs-container .field-placeholder yoo-form-input-container{padding:0 var(--spacing-02, 0.125rem)}:host(.form-creator-block) .inputs-container .field-placeholder.querybuilder{z-index:1}:host(.form-creator-block) .inputs-container yoo-collapsible{max-width:100% !important}:host(.waitlist-form) .field-header{padding:0 1rem}:host(.waitlist-form) yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) !important}:host(.inline.condition-block) .form-wrapper .scroll-spacer{background:var(--stable-light, #f1f1f1)}:host(.no-animation) .field-placeholder{-webkit-animation:none;animation:none}:host(.transparent){background:transparent}:host(.transparent) .field-placeholder:not(.readonly):not(.invisible){background:transparent}:host(.transparent) .form-wrapper{background-color:transparent}:host(.grid-editor){margin-bottom:var(--spacing-16, 1rem);background:transparent}:host(.grid-editor) .inputs-container{padding-bottom:0}:host(.grid-editor) .field-placeholder:not(.readonly):not(.invisible){width:100%;padding:0 !important;background:transparent}:host(.grid-editor) .form-wrapper{background-color:transparent}@media (orientation: landscape){:host(.tablet:not(.emulate-preview)) yoo-form-videoplayer{height:calc(var(--video-container-height) * 2) !important}}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container{margin-left:var(--spacing-16, 1rem)}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly{width:12.75rem}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly yoo-form-input-container{border-bottom:none}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-02, 0.125rem) !important}:host(.toolbar-form){max-height:4.125rem}:host(.toolbar-form) .main-container .inputs-container-parent{overflow:hidden}:host(.quickview.web.readonly) .main-container{background:var(--stable-ultralight, #fafafa)}:host(.quickview.no-margin) .inputs-container{margin-right:0 !important;margin-left:0 !important}:host(.quickview){background:transparent}:host(.quickview) yoo-tabs{display:block;background:var(--light, #ffffff)}:host(.quickview) yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:0}:host(.quickview) .inputs-container{max-width:100% !important;margin:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host(.quickview) .inputs-container .field-placeholder{-ms-flex:1 0 100%;flex:1 0 100%}:host(.quickview) .inputs-container .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.quickview) .inputs-container yoo-collapsible{max-width:100% !important}:host(.quickview) .inputs-container .footer-spacer{display:none}:host(.quickview.readonly) .inputs-container{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.quickview.mobile) .inputs-container{margin:var(--spacing-16, 1rem) 0 !important}:host(.profile) .inputs-container{max-width:100% !important;margin:auto var(--spacing-16, 1rem) !important}:host(.profile) .inputs-container .field-placeholder{max-width:100% !important;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.profile) .inputs-container .field-placeholder.number yoo-form-input-container,:host(.profile) .inputs-container .field-placeholder.autocomplete yoo-form-input-container{--content-max-width:12.5rem}:host(.quickview.transparent){background:transparent}:host(.quickview.transparent) .form-wrapper{background:transparent}:host(.bold-header) .field-header{font-weight:bold}:host(.no-last-border) .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.safari) .progress-container.animated>*,:host(.chrome-ios) .progress-container.animated>*{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder,:host(.chrome-ios) .field-placeholder{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder.invisible,:host(.chrome-ios) .field-placeholder.invisible{-webkit-animation-name:none !important;animation-name:none !important}:host(.lesson-question-result) .main-container,:host(.lesson-detail) .main-container{display:initial}:host(.lesson-question-result) .main-container yoo-form-connect,:host(.lesson-detail) .main-container yoo-form-connect{max-width:21.5rem}:host(.lesson-question-result) .main-container .confidence-level-container .header,:host(.lesson-detail) .main-container .confidence-level-container .header{margin:0;margin-bottom:var(--spacing-16, 1rem);padding:0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host(.lesson-question-result) .main-container .confidence-level-container .container,:host(.lesson-detail) .main-container .confidence-level-container .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .footer-spacer{display:none}:host(:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.last{margin-bottom:var(--spacing-16, 1rem)}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder:not(.invisible){padding-top:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.toggle:not(.invisible){padding-bottom:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.radio:not(.invisible){padding-bottom:0.5rem}:host(.mobile.lesson-detail) .field-placeholder,:host(.mobile.lesson-question-result.readonly) .field-placeholder{margin:0 var(--spacing-16, 1rem)}:host(.web.lesson-detail) yoo-form-image-tagging{max-width:37.5rem}:host(.web.lesson-detail) .inputs-container-parent{margin:0 !important;padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container{padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container .field-placeholder{margin:0 var(--spacing-24, 1.5rem)}:host(.web.lesson-detail.readonly) .field-placeholder{width:-webkit-fill-available}:host(.lesson-detail.readonly),:host(.lesson-question-result.readonly){--inputs-margin:0}:host(.in-card.secondary){margin-top:var(--spacing-08, 0.5rem);padding:0;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.campaign-preview) yoo-form-input-container.photo,:host(.campaign-preview) yoo-form-input-container.multiphotos,:host(.campaign-preview) yoo-form-input-container.video,:host(.campaign-preview) yoo-form-input-container.audio{--content-padding-bottom:var(--spacing-08, 0.5rem)}:host([form-input-size=small]){font-size:var(--font-size-12, 0.75rem)}:host(.assign-users) yoo-form-input-container.readonly.web.autocomplete{margin-left:var(--spacing-32, 2rem)}@media print{:host .pdf-field-wrapper:not(.break){page-break-inside:avoid}:host .footer-spacer{min-height:auto}:host .inputs-container{display:block}:host .inputs-container .slide-title,:host .inputs-container .field-placeholder{page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}:host .inputs-container .field-placeholder:not(.catalog):not(.multiphotos):not(.image):not(.selectmulti):not(.selectbuttons),:host .inputs-container .field-placeholder.no-break{page-break-inside:avoid}:host .inputs-container yoo-form-input-container{page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}:host .inputs-container yoo-form-capture{display:block;page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}}:host(.readonly) .inputs-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.mission-validation) .field-placeholder:not(.invisible).checkbox{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.login-sso){--inputs-margin:var(--spacing-24, 1.5rem)}:host(.login-sso) .field-placeholder:not(.invisible){padding-top:var(--spacing-08, 0.5rem)}:host(.login-sso) .field-placeholder:not(.invisible):first-of-type{padding-top:0 !important}";
+const formDynamicCss = "/*!\n * froala_editor v4.0.11 (https://www.froala.com/wysiwyg-editor)\n * License https://froala.com/wysiwyg-editor/terms/\n * Copyright 2014-2022 Froala Labs\n */.fr-clearfix::after{clear:both;display:block;content:\"\";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-view img.fr-rounded,.fr-view .fr-img-caption.fr-rounded img{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view img.fr-shadow,.fr-view .fr-img-caption.fr-shadow img{-webkit-box-shadow:10px 10px 5px 0px #cccccc;-moz-box-shadow:10px 10px 5px 0px #cccccc;box-shadow:10px 10px 5px 0px #cccccc}.fr-view img.fr-bordered,.fr-view .fr-img-caption.fr-bordered img{border:solid 5px #CCC}.fr-view img.fr-bordered{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-view .fr-img-caption.fr-bordered img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-view{word-wrap:break-word}.fr-view span[style~=\"color:\"] a{color:inherit}.fr-view strong{font-weight:700}.fr-view table[border='0'] td:not([class]),.fr-view table[border='0'] th:not([class]),.fr-view table[border='0'] td[class=\"\"],.fr-view table[border='0'] th[class=\"\"]{border-width:0px}.fr-view table{border:none;border-collapse:collapse;empty-cells:show;max-width:100%}.fr-view table td{min-width:5px}.fr-view table.fr-dashed-borders td,.fr-view table.fr-dashed-borders th{border-style:dashed}.fr-view table.fr-alternate-rows tbody tr:nth-child(2n){background:whitesmoke}.fr-view table td,.fr-view table th{border:1px solid #DDD}.fr-view table td:empty,.fr-view table th:empty{height:20px}.fr-view table td.fr-highlighted,.fr-view table th.fr-highlighted{border:1px double red}.fr-view table td.fr-thick,.fr-view table th.fr-thick{border-width:2px}.fr-view table th{background:#ececec}.fr-view table tfoot td{background:#ececec}.fr-view hr{clear:both;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-column-break-after:always;-moz-column-break-after:always;break-after:always;page-break-after:always}.fr-view .fr-file{position:relative}.fr-view .fr-file::after{position:relative;content:\"\\1F4CE\";font-weight:normal}.fr-view pre{white-space:pre-wrap;word-wrap:break-word;overflow:visible}.fr-view[dir=\"rtl\"] blockquote{border-left:none;border-right:solid 2px #5E35B1;margin-right:0;padding-right:5px;padding-left:0}.fr-view[dir=\"rtl\"] blockquote blockquote{border-color:#00BCD4}.fr-view[dir=\"rtl\"] blockquote blockquote blockquote{border-color:#43A047}.fr-view blockquote{border-left:solid 2px #5E35B1;margin-left:0;padding-left:5px;color:#5E35B1}.fr-view blockquote blockquote{border-color:#00BCD4;color:#00BCD4}.fr-view blockquote blockquote blockquote{border-color:#43A047;color:#43A047}.fr-view span.fr-emoticon{font-weight:normal;font-family:\"Apple Color Emoji\",\"Segoe UI Emoji\",\"NotoColorEmoji\",\"Segoe UI Symbol\",\"Android Emoji\",\"EmojiSymbols\";display:inline;line-height:0}.fr-view span.fr-emoticon.fr-emoticon-img{background-repeat:no-repeat !important;font-size:inherit;height:1em;width:1em;min-height:20px;min-width:20px;display:inline-block;margin:-.1em .1em .1em;line-height:1;vertical-align:middle}.fr-view .fr-text-gray{color:#AAA !important}.fr-view .fr-text-bordered{border-top:solid 1px #222;border-bottom:solid 1px #222;padding:10px 0}.fr-view .fr-text-spaced{letter-spacing:1px}.fr-view .fr-text-uppercase{text-transform:uppercase}.fr-view .fr-class-highlighted{background-color:#ffff00}.fr-view .fr-class-code{border-color:#cccccc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:#f5f5f5;padding:10px;font-family:\"Courier New\", Courier, monospace}.fr-view .fr-class-transparency{opacity:0.5}.fr-view img{position:relative;max-width:100%}.fr-view img.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view img.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view img.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view img.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view img.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view img.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption{position:relative;max-width:100%}.fr-view span.fr-img-caption.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}.fr-view span.fr-img-caption.fr-dib.fr-fil{margin-left:0;text-align:left}.fr-view span.fr-img-caption.fr-dib.fr-fir{margin-right:0;text-align:right}.fr-view span.fr-img-caption.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}.fr-view span.fr-img-caption.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}.fr-view span.fr-img-caption.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view .fr-video{text-align:center;position:relative}.fr-view .fr-video.fr-rv{padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden}.fr-view .fr-video.fr-rv>iframe,.fr-view .fr-video.fr-rv object,.fr-view .fr-video.fr-rv embed{position:absolute !important;top:0;left:0;width:100%;height:100%}.fr-view .fr-video>*{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;max-width:100%;border:none}.fr-view .fr-video.fr-dvb{display:block;clear:both}.fr-view .fr-video.fr-dvb.fr-fvl{text-align:left}.fr-view .fr-video.fr-dvb.fr-fvr{text-align:right}.fr-view .fr-video.fr-dvi{display:inline-block}.fr-view .fr-video.fr-dvi.fr-fvl{float:left}.fr-view .fr-video.fr-dvi.fr-fvr{float:right}.fr-view a.fr-strong{font-weight:700}.fr-view a.fr-green{color:green}.fr-view .fr-img-caption{text-align:center}.fr-view .fr-img-caption .fr-img-wrap{padding:0;margin:auto;text-align:center;width:100%}.fr-view .fr-img-caption .fr-img-wrap a{display:block}.fr-view .fr-img-caption .fr-img-wrap img{display:block;margin:auto;width:100%}.fr-view .fr-img-caption .fr-img-wrap>span{margin:auto;display:block;padding:5px 5px 10px;font-size:14px;font-weight:initial;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-opacity:0.9;-moz-opacity:0.9;opacity:0.9;-ms-filter:\"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)\";width:100%;text-align:center}.fr-view button.fr-rounded,.fr-view input.fr-rounded,.fr-view textarea.fr-rounded{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.fr-view button.fr-large,.fr-view input.fr-large,.fr-view textarea.fr-large{font-size:24px}a.fr-view.fr-strong{font-weight:700}a.fr-view.fr-green{color:green}img.fr-view{position:relative;max-width:100%}img.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}img.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}img.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}img.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}img.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}img.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view{position:relative;max-width:100%}span.fr-img-caption.fr-view.fr-dib{margin:5px auto;display:block;float:none;vertical-align:top}span.fr-img-caption.fr-view.fr-dib.fr-fil{margin-left:0;text-align:left}span.fr-img-caption.fr-view.fr-dib.fr-fir{margin-right:0;text-align:right}span.fr-img-caption.fr-view.fr-dii{display:inline-block;float:none;vertical-align:bottom;margin-left:5px;margin-right:5px;max-width:calc(100% - (2 * 5px))}span.fr-img-caption.fr-view.fr-dii.fr-fil{float:left;margin:5px 5px 5px 0;max-width:calc(100% - 5px)}span.fr-img-caption.fr-view.fr-dii.fr-fir{float:right;margin:5px 0 5px 5px;max-width:calc(100% - 5px)}.fr-view h1,.fr-view h2,.fr-view h3,.fr-view h4,.fr-view h5,.fr-view h6{margin:0;padding:0;border:0}:host(.absolute){position:absolute;top:0;right:0;bottom:0;left:0}:host(.no-initial-height) .inputs-container{height:0}:host(.inline-row) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;}:host(.inline-row) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.inline-row) .inputs-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.inline-row) .inputs-container .field-placeholder-break{-ms-flex-preferred-size:100%;flex-basis:100%;height:0}:host(.inline-row) .inputs-container .field-placeholder:not(.custom-width){width:12.5rem}:host(.inline-row) .inputs-container .field-placeholder.readonly{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}:host(.inline-row) .inputs-container .field-placeholder.custom-width{width:auto}:host(.inline-row) .inputs-container .field-placeholder.custom-width.readonly{margin-left:-0.5rem}:host(.inline-row) .inputs-container .field-placeholder.invisible{display:none}:host(.inline-row) .inputs-container .field-placeholder yoo-form-input-container{padding:0 !important}:host(.inline-row) .inputs-container .field-placeholder.missionfield{width:26rem}:host(.inline-row) .inputs-container .field-placeholder:not(.field-placeholder-empty){padding-bottom:0.25rem !important}:host(.inline-row) .inputs-container .footer-spacer{display:none}:host(.inline-row.inline-row-narrow) .inputs-container{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:0}:host(.inline-row.inline-row-narrow) .inputs-container .slot-container-after{width:auto}:host(.inline-row.inline-row-narrow) .field-placeholder{margin-right:0 !important}:host(.inline-row.inline-row-narrow) .field-placeholder:not(.last){padding-right:var(--spacing-04, 0.25rem) !important}:host(.inline-row.inline-row-narrow) .footer-spacer{display:none}:host(.inline-row.fixed-width) .inputs-container .field-placeholder{width:12.5rem}:host(.fill-width:not(.web)) .inputs-container{-ms-flex-pack:justify;justify-content:space-between}:host(.fill-width:not(.web)) .inputs-container .field-placeholder:not(.custom-width){width:calc(100% - var(--spacing-96, 6rem))}:host{--history-default-width:11.25rem;--inputs-margin:0 var(--spacing-16, 1rem);--video-container-height:9.375rem;--footer-height:var(--spacing-56, 3.5rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .main-container{-ms-flex:1;flex:1;overflow-y:auto}:host .main-container .inputs-container-parent{overflow-y:auto}:host .main-container .inputs-container-parent.gridstack{margin:var(--spacing-16, 1rem);overflow:visible scroll !important}:host .main-container .inputs-container-parent.gridstack-no-scroll{margin:0 !important;padding:0 !important;overflow:hidden !important}:host .pdf-field-wrapper{width:100%}:host .no-scroll{height:100%;overflow:hidden}:host .no-scroll .field-placeholder.readonly{height:100%}:host .no-scroll .field-placeholder.readonly yoo-form-input-container{height:100%}:host .field-invalids{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);margin-top:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background:var(--stable-10, rgba(173, 173, 173, 0.1));border-radius:var(--spacing-08, 0.5rem)}:host .field-invalids .field-invalid{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);background-color:var(--danger-10, rgba(212, 67, 51, 0.1));border-radius:var(--border-radius-04, 0.25rem)}:host .field-invalids .field-invalid .field-invalid-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .field-invalids .field-invalid .field-invalid-header .title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--danger, #d44333);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@keyframes slideInRight{from{max-height:0;margin-left:-100vw}to{max-height:31.25rem;margin-left:0}}@-webkit-keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}@keyframes fadeOutUp{from{height:3rem;opacity:1}to{height:0;opacity:0}}:host *[extraclass=hidden]{display:none}:host yoo-tabs{min-height:2.5rem}:host yoo-form-explanation{margin:var(--spacing-16, 1rem) 0 0}:host yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-progress-bar:not(.recap){--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .form-radio-label{white-space:normal}:host .answer-explanation-separator{height:0.0625rem;margin:var(--spacing-16, 1rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .answer-separator{width:100%;height:0.5rem;margin:var(--spacing-24, 1.5rem) 0;background:var(--stable-ultralight, #fafafa);border:0}:host .info-header{color:var(--dark, #000000)}:host .info-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-16, 1rem)}:host .info-container yoo-tag{margin-right:var(--spacing-24, 1.5rem);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-radius:50%}:host .pdf-field-wrapper.inline,:host .field-placeholder.inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;margin-right:auto}:host .answer-validity{margin:0;font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .answer-validity.valid,:host .answer-validity.valid+*>yoo-form-input{color:var(--success, #3aa76d)}:host .answer-validity.invalid,:host .answer-validity.invalid+*>yoo-form-input{color:var(--danger, #d44333)}:host .progress-container{background:var(--light, #ffffff)}:host .progress-container.border-bottom{margin-bottom:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .progress-container.animated>*{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:700ms;animation-duration:700ms}:host .progress-container.animated>*:not(yoo-progress-bar){display:block}:host .no-slide-container{padding:var(--spacing-16, 1rem)}:host .inputs-container-parent.gridstack{overflow:visible scroll}:host .inputs-container-parent:not(.gridstack){padding:var(--inputs-margin)}:host .inputs-container-parent.grid-flex{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important}:host .inputs-container.grid-flex{display:-ms-flexbox !important;display:flex !important;-ms-flex:1 !important;flex:1 !important;-ms-flex-direction:column !important;flex-direction:column !important;-ms-flex-wrap:nowrap !important;flex-wrap:nowrap !important;-ms-flex-align:start !important;align-items:flex-start !important;margin:0 !important;padding-bottom:0 !important}:host .inputs-container.grid-flex .footer-spacer{display:none}:host .inputs-container.grid-flex .field-placeholder:not(.grid):not(.audience){-ms-flex:unset !important;flex:unset !important}:host .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container.gap{-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host .inputs-container .slot-container-after{width:100%}:host .summary-title{padding:0.8rem 0 0 1rem;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-28, 1.75rem)}:host .slide-title{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;text-align:left}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .flex-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box}:host .column{min-width:0}:host .flex-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-webkit-box-sizing:border-box;box-sizing:border-box}:host .flex-center-center{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;max-width:100%}:host .flex-center-space-around{-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;max-width:100%}:host>form>yoo-ion-slides{position:absolute;top:0;right:0;bottom:0;left:0}:host yoo-ion-slides{height:100%}:host yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:1rem}:host yoo-ion-slides yoo-ion-slide.dynamic .header{padding-top:1rem;padding-bottom:1rem;line-height:1.125rem}:host yoo-ion-slides yoo-ion-slide.recap{background:var(--stable-ultralight, #fafafa)}:host yoo-ion-slides yoo-ion-scroll.with-footer{bottom:var(--footer-height)}:host yoo-ion-slides yoo-ion-scroll.with-footer.keyboard-open{min-height:100%}:host yoo-form-recap-step.last{margin-bottom:var(--spacing-16, 1rem)}:host yoo-mission-score{display:block;margin:1rem}:host .information{color:var(--text-color, #807f83)}:host .information .danger{color:var(--danger, #d44333)}:host .information .success{color:var(--success, #3aa76d)}:host .information .app-color{color:var(--app-color, #5a30f4)}:host .information .black{color:var(--dark, #000000)}:host .information .center{text-align:center}:host .information.readonly ul{margin-left:1rem}:host .information.fr-view{color:var(--dark, #000000)}:host .field-translation{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:0.3rem;color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .field-translation yoo-icon{margin-right:0.3rem}:host .field-translation *{display:inline-block}:host .extra-button-container{margin:1rem;margin-bottom:0}:host .swiper-container{max-width:100%;height:100%}:host .slide-zoom{max-width:100%;height:100%;overflow:hidden}:host .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:0.625rem 1.25rem;overflow:auto;color:var(--stable, #adadad);font-size:var(--font-size-24, 1.5rem);text-align:left;background:var(--light, #ffffff);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);}:host .toolbar::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .toolbar:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .toolbar:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .toolbar yoo-button{padding-right:var(--spacing-16, 1rem)}:host .toolbar.with-padding{margin-bottom:var(--safe-area-inset-bottom)}:host .toolbar ::slotted([slot=footer]) yoo-button{display:inline;padding:0.5rem}:host .slide-container{position:relative;width:100%;height:100%;text-align:left;-webkit-transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);transition:all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1)}:host .slide-container.no-shadow{margin:0}:host .slide-container.no-shadow yoo-ion-scroll{margin-bottom:0;padding:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid{padding-bottom:0}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container{-ms-flex:1;flex:1;padding-bottom:0 !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .inputs-container .field-placeholder.grid yoo-grid{-ms-flex:1;flex:1;min-height:initial;max-height:initial !important}:host .slide-container.no-shadow yoo-ion-scroll.flex-grid .footer-spacer{display:none}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible){margin:0}:host .slide-container.no-shadow yoo-ion-scroll .field-placeholder:not(.readonly):not(.invisible) .help-below-title{display:block;margin-top:var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);border-top:solid var(--border-width-01, 0.0625rem) var(--stable-light, #f1f1f1)}:host .slide-container>yoo-ion-scroll{top:0;right:0;bottom:0;left:0;padding:0 0.5rem;background:transparent}:host .slide-container .toolbar{position:absolute;top:auto;right:0;bottom:0;left:0}:host .slide-container .toolbar-spacer{height:3rem}:host .form-wrapper{position:relative;width:100%;background-color:var(--light, #ffffff)}:host .form-wrapper.bottom-toolbar{height:calc(100% - 2.9375rem)}:host .form-wrapper.bottom-toolbar .scroll-spacer{height:6.25rem}:host .swiper-pagination-bullet-active{background-color:var(--app-color, #5a30f4) !important}:host .scroll-spacer{width:100%;height:6.25rem}:host .header{-ms-flex-pack:justify;justify-content:space-between;width:100%;padding-right:1rem;padding-left:1rem;font-weight:var(--font-weight-400, 400)}:host .header yoo-icon{padding-top:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .header-recap .progressbar-wrapper{padding:0.5rem 1rem}:host .field-header{min-height:1.5rem;margin-top:var(--spacing-16, 1rem);margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-16, 1rem)}:host yoo-collapsible:not(:first-of-type){margin-top:1.5rem}:host .section-header{width:100%;margin:1rem;font-weight:bold;font-size:var(--font-size-16, 1rem)}:host .section-header.readonly{margin:1rem 0}:host .field-placeholder.readonly .field-header{padding:0}:host .zoom-button-container{position:absolute;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);z-index:1000;-ms-flex-direction:row;flex-direction:row}:host .zoom-button-container.minimize{right:var(--spacing-16, 1rem);bottom:var(--spacing-16, 1rem)}:host .zoom-button-container .zoom-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:1.875rem;height:1.875rem;line-height:1.5rem;text-align:center;background:var(--dark, #000000);border-radius:50%;opacity:0.6}:host .zoom-button-container .zoom-button yoo-icon{color:var(--light, #ffffff)}:host .zoom-button-container.mobile-padding{padding-top:1.625rem}:host .font-small{font-size:var(--font-size-12, 0.75rem)}:host yoo-form-videoplayer{display:block;width:100%;height:var(--video-container-height)}:host yoo-form-videoplayer.web{height:calc(var(--video-container-height) * 2);cursor:pointer}:host .field-placeholder{display:block;-webkit-animation-name:slideInRight;animation-name:slideInRight;-webkit-animation-duration:200ms;animation-duration:200ms;-webkit-animation-timing-function:ease;animation-timing-function:ease}:host .field-placeholder:not(.custom-width){width:100%}:host .field-placeholder.collapsible{-webkit-animation:none;animation:none}:host .field-placeholder.invisible{height:0 !important;opacity:0;-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;-webkit-animation-duration:100ms;animation-duration:100ms}:host .field-placeholder.grid,:host .field-placeholder.audience{display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-direction:column;flex-direction:column;overflow-y:hidden}:host .field-placeholder.grid:not(.last),:host .field-placeholder.audience:not(.last){border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .field-placeholder.audience .field-header{margin:auto}:host .field-placeholder.grid yoo-form-input-container{padding:0 var(--spacing-24, 1.5rem) !important}:host .field-placeholder.grid .field-header{margin:var(--spacing-24, 1.5rem) var(--spacing-24, 1.5rem) 0}:host .field-placeholder.selectcard{max-width:inherit}:host .field-placeholder:not(.readonly):not(.invisible){position:relative;margin-top:0;padding-bottom:0}:host .field-placeholder:not(.readonly):not(.invisible):not(.collapsible).grid{margin-top:var(--spacing-08, 0.5rem);background:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).textarea.html{z-index:1}:host .field-placeholder:not(.readonly):not(.invisible) yoo-collapsible{padding:var(--spacing-16, 1rem) 0 0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0}:host .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container.grid{padding:0 var(--spacing-08, 0.5rem)}:host .field-placeholder:not(.readonly):not(.invisible).no-margin{margin-bottom:0}:host .history{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history:not(.forcedhistory){margin-top:0.5rem;padding-top:0.5rem}:host .history .description{font-size:var(--font-size-14, 0.875rem)}:host .history .history-top-action{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin:0 0.9375rem 0 0.9375rem;font-size:var(--font-size-16, 1rem)}:host .history .history-top-action .title{width:100%;color:var(--white);text-align:left}:host .history .history-top-action .action{width:100%;color:var(--app-color, #5a30f4);text-align:right}:host .history .outer-container .product-container{margin-bottom:var(--spacing-16, 1rem)}:host .history .outer-container .product-container .date,:host .history .outer-container .product-container .subheading{color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .history .outer-container .inner-container{margin-bottom:var(--spacing-16, 1rem);background-color:var(--accent, #276ef1)}:host .history .outer-container .inner-container .toolbar{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin-bottom:0.5rem;padding:0.5rem;padding-left:6.25rem;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .history .outer-container .inner-container .toolbar .title{padding-top:0.375rem;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .outer-container .inner-container .toolbar .quantity{color:var(--dark, #000000);text-align:center}:host .history .outer-container .inner-container .toolbar .price{-ms-flex:1;flex:1;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);white-space:nowrap;text-align:right}:host .history .outer-container .inner-container .toolbar .icon{padding:0 1rem;color:var(--text-color, #807f83)}:host .history .outer-container .inner-container .toolbar .icon.left{font-size:var(--font-size-16, 1rem);text-align:left}:host .history .outer-container .inner-container .toolbar .icon.right{font-size:var(--font-size-16, 1rem);text-align:right}:host .history .square{position:relative;-ms-flex-negative:0;flex-shrink:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--history-default-width);margin:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0.625rem 0 0.625rem 0;padding:var(--spacing-08, 0.5rem);overflow:hidden;font-size:var(--font-size-14, 0.875rem);text-align:left;background-color:var(--light-10, rgba(255, 255, 255, 0.1));border-radius:0.5rem;-webkit-box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15));box-shadow:var(--history-shadow, 0 0.1875rem 0.3125rem 0 rgba(40, 47, 54, 0.15))}:host .history .square.single-item{width:80vw}:host .history .square.single-item .square-content{max-height:62.5rem;overflow:hidden}:host .history .square.autocomplete yoo-form-autocomplete{height:unset}:host .history .square.catalog{width:14.375rem}:host .history .square.catalog .square-content{max-height:18.75rem;overflow:hidden}:host .history .square.audio{width:21.875rem}:host .history .square.select .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.selectbuttonsmulti .square-content{max-height:2.75rem;overflow:hidden}:host .history .square.address .square-content,:host .history .square.location .square-content{max-height:2.5rem;overflow:hidden}:host .history .square.textarea .square-content{max-height:3.0625rem;overflow:hidden}:host .history .square .history-header{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem)}:host .history .square .history-header .avatar{display:-ms-flexbox;display:flex;padding-right:0.3125rem}:host .history .square .history-header .avatar yoo-avatar{-ms-flex-align:center;align-items:center;margin-top:0;border-top:0}:host .history .square .history-header .at{color:var(--stable, #adadad)}:host .history .square .square-title,:host .history .square .square-footer{font-size:var(--font-size-14, 0.875rem);text-align:left;opacity:0.5}:host .history .square .square-title div,:host .history .square .square-footer div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .history .square .square-title .square-icon,:host .history .square .square-footer .square-icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;font-size:var(--font-size-16, 1rem)}:host .history .square .square-title .square-icon .icon-text,:host .history .square .square-footer .square-icon .icon-text{padding-left:0.1875rem}:host .history .square .more-button,:host .history .square .less-more{display:none}:host .history .square.truncate .square-content{max-height:2rem;overflow:hidden}:host .history .square.truncate.starrating .square-content{max-height:1.875rem}:host .history .square.truncate.task .square-content{width:21.875rem}:host .history .square.truncate.multiphotos .square-content,:host .history .square.truncate.photo .square-content{max-height:4.375rem}:host .history .square.truncate .more-button{display:-ms-flexbox;display:flex;float:right;margin-left:auto;color:var(--stable, #adadad)}:host .history .square .square-content{position:relative;overflow:hidden;white-space:initial;text-align:left}:host .history .square .square-content .overlay{position:absolute;z-index:9;width:100%;height:100%;background:transparent}:host .history .square .square-content yoo-form-capture{--width-readonly-preview:1.875rem;--height-readonly-preview:1.875rem;--camera-container-size:2.0625rem;--image-max-height:4.375rem}:host .history .square .square-content yoo-form-document[type=image]{--height-image-container:1.875rem}:host .history .square .square-content yoo-card-file{--height-image-container:1.875rem}:host .history .square .square-content yoo-form-signature-pad{--height-image:1.875rem}:host yoo-banner{--close-icon-color:var(--light, #ffffff)}:host .footer-spacer{width:100%;min-height:1rem}:host(.mobile){--footer-height:5.75rem}:host(.wizard){display:block;height:100%}:host(.wizard) .progress-container{width:25rem;height:auto;margin:0 auto}:host(.wizard) yoo-ion-slides{height:calc(100% - 2.5rem) !important}:host(.wizard) yoo-ion-slides .field-placeholder.grid{height:100%;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard) yoo-ion-slides .field-placeholder.grid yoo-grid{min-height:33rem;max-height:33rem;margin-bottom:var(--spacing-16, 1rem)}:host(.wizard-single) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex{-ms-flex:1;flex:1}:host(.wizard-single) .main-container .inputs-container-parent.grid-flex .scroll-spacer{display:none}:host(.wizard-single) .no-slide-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.wizard-single) yoo-ion-slides{height:100% !important}:host(.wizard.wizard-single) yoo-ion-slides .field-placeholder.grid yoo-grid{margin-top:1.2rem}:host(.wizard.mobile) .progress-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 1rem}:host(.wizard.mobile) .inputs-container{padding:0 var(--spacing-16, 1rem)}:host(.wizard.mobile) yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host(.wizard.mobile) yoo-ion-slides.has-header{height:calc(100% - 3.5rem) !important}@media screen and (max-height: 736px){:host(.wizard){display:block}:host(.wizard) yoo-ion-slides .field-placeholder yoo-grid{min-height:25rem;max-height:25rem}}:host(.mission-form:not(.readonly)) yoo-form-progress-indicator,:host(.workflow-form:not(.readonly)) yoo-form-progress-indicator,:host(.kanban-form:not(.readonly)) yoo-form-progress-indicator{--scroll-container-color:var(--light, #ffffff);--scroll-container-margin:0 0 0.5rem 0}:host(.mission-form:not(.readonly)) .inputs-container,:host(.workflow-form:not(.readonly)) .inputs-container,:host(.kanban-form:not(.readonly)) .inputs-container{max-width:36rem !important;margin:auto}:host(.mission-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.workflow-form:not(.readonly)) .scroll-spacer.bottom-bar,:host(.kanban-form:not(.readonly)) .scroll-spacer.bottom-bar{height:5.75rem}:host(.mission-form:not(.readonly)) .slide-container,:host(.workflow-form:not(.readonly)) .slide-container,:host(.kanban-form:not(.readonly)) .slide-container{background-color:transparent}:host(.mission-form:not(.readonly)) .form-wrapper,:host(.workflow-form:not(.readonly)) .form-wrapper,:host(.kanban-form:not(.readonly)) .form-wrapper{position:relative;width:100%}:host(.mission-form:not(.readonly)) .form-wrapper.zoomed,:host(.workflow-form:not(.readonly)) .form-wrapper.zoomed,:host(.kanban-form:not(.readonly)) .form-wrapper.zoomed{height:100% !important;margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible),:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible){margin:0}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible).information{padding-bottom:0;border-bottom:none}:host(.mission-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{margin:var(--spacing-08, 0.5rem) 0;margin-bottom:0;padding:var(--spacing-16, 1rem);border-radius:var(--spacing-08, 0.5rem)}:host(.mission-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.workflow-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last,:host(.kanban-form:not(.readonly)) .field-placeholder:not(.invisible).readonly.last{margin-bottom:1.5625rem}:host(.mission-form:not(.readonly)) .footer-spacer,:host(.workflow-form:not(.readonly)) .footer-spacer,:host(.kanban-form:not(.readonly)) .footer-spacer{background-color:transparent}:host(.mission-form.pdf) .main-container{-ms-flex:initial;flex:initial;overflow-y:initial}:host(.mission-form.pdf) .inputs-container-parent{margin:initial;padding:0 !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container{max-width:unset !important}:host(.mission-form.pdf) .inputs-container-parent .inputs-container .field-placeholder:not(.grid):not(.audience),:host(.mission-form.pdf) .inputs-container-parent .inputs-container yoo-collapsible,:host(.mission-form.pdf) .inputs-container-parent .inputs-container .section-header{max-width:unset !important}:host(.mission-form.pdf) .field-placeholder.last{border-bottom:none}:host(.kanban-form.readonly) .field-placeholder:not(.invisible){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host(.kanban-form.readonly) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0 var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.kanban-form.web:not(.readonly)) .field-placeholder:not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.in-card) .main-container{margin:0}:host(.in-card) .main-container .inputs-container-parent{margin:0 var(--spacing-16, 1rem) !important}:host(.in-card) .field-placeholder:not(.invisible) yoo-form-input-container{padding:0;padding-bottom:var(--spacing-08, 0.5rem);border-bottom:none}:host(.in-card) yoo-progress-bar{--stroke-width-line:8}:host(.lesson-form.web:not(.lesson-live-preview)){background-color:var(--stable-ultralight, #fafafa)}:host(.lesson-form.web:not(.lesson-live-preview)) form{background-color:transparent}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container{height:100%}:host(.lesson-form.web:not(.lesson-live-preview)) form .inputs-container yoo-form-input-container{width:100%;max-height:calc(100% - 2rem) !important}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-button,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-chat,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-card,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-image,:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-choice-radio{max-width:40rem;margin:auto}:host(.lesson-form.web:not(.lesson-live-preview)) form yoo-form-videoplayer{height:33.3333333333vw}:host(.lesson-form) .progress-container{z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--spacing-16, 1rem)}:host(.lesson-form) .swiper-container{height:calc(100% - 3rem)}:host(.lesson-form) .information{color:var(--dark, #000000)}:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filterdate,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filternumber,:host(:not(.inline-row):not(.inline-narrow)) .field-placeholder.filtertext{padding-bottom:var(--spacing-08, 0.5rem)}:host(.floating){background:transparent}:host(.floating) .main-container .inputs-container-parent{padding:var(--spacing-16, 1rem) !important;padding-bottom:0 !important}:host(.floating) .field-placeholder:not(.readonly):not(.invisible):not(.collapsible){background:transparent}:host(.floating.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0 0 var(--spacing-16, 1rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{min-height:3rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;overflow:hidden}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary{width:12.5rem;padding:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-fields-container{margin-bottom:var(--spacing-24, 1.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-category{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000);font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-actions yoo-button{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-08, 0.5rem);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-radius:0.25rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .left-panel-secondary .secondary-field .title{color:var(--text-color, #807f83);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:auto;}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .inputs-container-parent:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .toolbar{min-height:2.1875rem}:host(.web:not(.inline):not(.inline-row):not(.force-mobile)) .scroll-spacer{height:0}:host(.mission-results) .inputs-container-parent{margin:0}:host(.web:not(.inline):not(.inline-row):not(.force-mobile):not(.mission-results):not(.lesson-detail.readonly)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-08, 0.5rem)}:host(.web.padding:not(.inline):not(.inline-row)) .inputs-container-parent:not(.gridstack){padding:0 var(--spacing-16, 1rem)}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 0.95rem;margin-top:var(--spacing-04, 0.25rem) !important;background:var(--stable-background);border-bottom:unset;border-top-left-radius:0.3125rem;border-top-right-radius:0.3125rem}:host(.web.lesson-form:not(.lesson-live-preview)) .progress-container yoo-progress-bar.top-content{width:25rem}:host(.web.lesson-form:not(.lesson-live-preview)) yoo-form-input-container.imagetagging{max-width:50rem;margin:0 auto}:host(.lesson-form) yoo-ion-scroll,:host(.lesson-live-preview) yoo-ion-scroll{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container{height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:100%}:host(.lesson-form) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container,:host(.lesson-live-preview) yoo-ion-scroll .inputs-container .field-placeholder yoo-form-input-container{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);--font-size-description:inherit}:host(.lesson-form) .scroll-spacer,:host(.lesson-live-preview) .scroll-spacer{height:0}:host(.lesson-form) .footer-spacer,:host(.lesson-live-preview) .footer-spacer{min-height:0}:host(.lesson-form) yoo-form-footer,:host(.lesson-live-preview) yoo-form-footer{position:relative}:host(.web.vertical-tabs){--tabs-active-background:var(--stable-alt-10, rgba(208, 208, 208, 0.1));--tabs-active-border-color:var(--app-color, #5a30f4);--tabs-border-color:transparent;--tabs-border-width:var(--border-width-02, 0.125rem);--tabs-gap:var(--spacing-08, 0.5rem);--tabs-inner-padding:0 var(--spacing-16, 1rem);--tabs-outer-padding:var(--spacing-16, 1rem);--tabs-width:15rem;display:-ms-flexbox;display:flex;-ms-flex-direction:row !important;flex-direction:row !important}:host(.web.vertical-tabs) .inputs-container{-ms-flex:1;flex:1;margin:0;padding-top:0;overflow:visible;}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web.vertical-tabs) .inputs-container .field-placeholder,:host(.web.vertical-tabs) .inputs-container yoo-collapsible{max-width:unset}:host(.web.vertical-tabs) .inputs-container .field-placeholder yoo-form-input-container:not(.grid),:host(.web.vertical-tabs) .inputs-container yoo-collapsible yoo-form-input-container:not(.grid){padding:0 !important}:host(.web.vertical-tabs) .inputs-container .field-header{padding:0 !important}:host(.web.vertical-tabs) yoo-tabs{--active-tab-background:var(--tabs-active-background);--active-tab-border-color:var(--tabs-active-border-color);--tab-border-color:var(--tabs-border-color);--tab-border-width:var(--tabs-border-width);--tab-padding:var(--tabs-inner-padding);--vertical-tab-gap:var(--tabs-gap);-webkit-box-sizing:border-box;box-sizing:border-box;width:var(--tabs-width);padding:var(--tabs-outer-padding);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)){--content-width:28rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) yoo-gridstack.inputs-container{overflow:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.grid-flex){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid){width:100%;max-width:var(--content-width);margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .field-placeholder:not(.grid):not(.custom-width):not(.audience),:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex yoo-collapsible,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.grid-flex .section-header{max-width:initial}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.gridstack){padding-top:0.5rem;padding-bottom:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.gridstack{overflow:visible scroll}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group{margin-top:var(--spacing-16, 1rem) !important;padding:var(--spacing-08, 0.5rem);padding-top:0;background-color:var(--stable-ultralight, #fafafa);border-radius:var(--border-radius-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group yoo-form-input-container,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder.group .field-header{background-color:var(--stable-ultralight, #fafafa)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .section-header{margin-top:var(--spacing-16, 1rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap !important;flex-flow:row wrap !important;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;max-width:37.5rem;margin:auto}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container.large .field-placeholder.custom-width{margin-right:var(--spacing-08, 0.5rem) !important}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours{padding-top:var(--spacing-08, 0.5rem)}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container:not(.large) yoo-form-opening-hours:not([readonly]){margin:0 -4rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .inputs-container .field-placeholder{-ms-flex:1 1 100%;flex:1 1 100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel>yoo-ion-scroll,:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel>yoo-ion-scroll{position:relative;width:100%;height:100%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel{position:relative}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container{width:unset;height:100%;margin-right:0.5rem}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .right-panel .slide-container yoo-ion-scroll{min-height:98%}:host(.web:not(.lesson-detail):not(.lesson-form):not(.lesson-question-result):not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell):not(.quickview):not(.profile)) .web-container .left-panel{margin-left:var(--spacing-16, 1rem);border-right:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)){--content-width:100% !important}:host(.web.full-width:not(.lesson-live-preview):not(.form-creator-preview):not(.inline):not(.grid-cell)) .main-container .inputs-container-parent .inputs-container .field-placeholder{width:100%;max-width:100%}:host(.web.large-container-padding) .main-container .inputs-container-parent{padding-right:var(--spacing-24, 1.5rem) !important;padding-left:var(--spacing-24, 1.5rem) !important}:host(.web.inline) .inputs-container,:host(.web.inline-row) .inputs-container{margin:0}:host(.web.inline) .inputs-container.label-top-aligned,:host(.web.inline-row) .inputs-container.label-top-aligned{-ms-flex-align:end;align-items:flex-end}:host(.web.profile) .main-container{background:var(--light, #ffffff)}:host(.web.profile) .main-container .inputs-container yoo-form-input-container{padding:var(--spacing-08, 0.5rem) 0}:host(.web:not(.mission-form):not(.inline)) .inputs-container.flex{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.web.absolute){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.inline.padding) .main-container{padding:var(--spacing-16, 1rem)}:host(.inline){position:initial;top:initial;right:initial;bottom:initial;left:initial;display:block}:host(.inline) .main-container{-ms-flex:1;flex:1;overflow-x:hidden;overflow-y:hidden}:host(.inline) .main-container .inputs-container-parent{margin:0;padding:0}:host(.inline) .no-slide-container{padding:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible){padding-left:0}:host(.inline) .field-placeholder:not(.readonly):not(.invisible).disable-input-container{background:var(--stable-light, #f1f1f1)}:host(.inline) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding:0;padding-bottom:0.5rem}:host(.inline) yoo-ion-slide{position:initial;width:100% !important}:host(.inline) yoo-ion-slide yoo-ion-scroll{position:initial;width:100%;padding:0 !important;padding-top:0 !important;overflow:hidden;contain:initial}:host(.inline) yoo-ion-slide .scroll-spacer{height:0}:host(.inline) yoo-ion-slide .footer-spacer{display:none;height:0;min-height:0}:host(.inline.no-margin) .field-placeholder:not(.readonly):not(.invisible) yoo-form-input-container{padding-bottom:0}:host(.inline.web.absolute) yoo-ion-slides{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide{overflow:visible}:host(.inline.web.absolute) yoo-ion-slides yoo-ion-slide yoo-ion-scroll{overflow:visible}:host(.inline.web.absolute) .scroll-spacer{-webkit-transition:0.3s;transition:0.3s}:host(.inline.web.absolute) yoo-form-input-container{max-width:unset}:host(.zoomed){display:block !important}:host(.flex) .inputs-container{display:-ms-flexbox;display:flex;padding-top:0.5em}:host(.zoomed.iphone-x) .slide-container{margin-top:var(--spacing-40, 2.5rem)}:host(.zoomed.iphone-x) .form-wrapper{-webkit-box-shadow:unset;box-shadow:unset}:host(.mission-form),:host(.workflow-form),:host(.kanban-form){--mission-form-padding:0 var(--spacing-08, 0.5rem)}:host(.mission-form) .information *,:host(.workflow-form) .information *,:host(.kanban-form) .information *{-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:0;margin-block-end:0}:host(.mission-form) .information p:empty,:host(.workflow-form) .information p:empty,:host(.kanban-form) .information p:empty{height:1rem}:host(.mission-form) .information .field-title,:host(.workflow-form) .information .field-title,:host(.kanban-form) .information .field-title{margin-left:-0.3rem;color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.mission-form) .inputs-container,:host(.workflow-form) .inputs-container,:host(.kanban-form) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--mission-form-padding)}:host(.form-creator-preview) .field-placeholder yoo-form-input-container{border:var(--border-width-04, 0.25rem) solid transparent}:host(.form-creator-preview) .field-placeholder yoo-form-input-container:hover{border:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.form-creator-block) .inputs-container{padding-bottom:1rem}:host(.form-creator-block) .inputs-container .field-placeholder{max-width:100% !important}:host(.form-creator-block) .inputs-container .field-placeholder.checkbox yoo-form-input-container,:host(.form-creator-block) .inputs-container .field-placeholder.toggle yoo-form-input-container{padding:0 0.1rem !important}:host(.form-creator-block) .inputs-container .field-placeholder yoo-form-input-container{padding:0 var(--spacing-02, 0.125rem)}:host(.form-creator-block) .inputs-container .field-placeholder.querybuilder{z-index:1}:host(.form-creator-block) .inputs-container yoo-collapsible{max-width:100% !important}:host(.waitlist-form) .field-header{padding:0 1rem}:host(.waitlist-form) yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) !important}:host(.inline.condition-block) .form-wrapper .scroll-spacer{background:var(--stable-light, #f1f1f1)}:host(.no-animation) .field-placeholder{-webkit-animation:none;animation:none}:host(.transparent){background:transparent}:host(.transparent) .field-placeholder:not(.readonly):not(.invisible){background:transparent}:host(.transparent) .form-wrapper{background-color:transparent}:host(.grid-editor){margin-bottom:var(--spacing-16, 1rem);background:transparent}:host(.grid-editor) .inputs-container{padding-bottom:0}:host(.grid-editor) .field-placeholder:not(.readonly):not(.invisible){width:100%;padding:0 !important;background:transparent}:host(.grid-editor) .form-wrapper{background-color:transparent}@media (orientation: landscape){:host(.tablet:not(.emulate-preview)) yoo-form-videoplayer{height:calc(var(--video-container-height) * 2) !important}}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container{margin-left:var(--spacing-16, 1rem)}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly{width:12.75rem}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder.readonly yoo-form-input-container{border-bottom:none}:host(.translate-dialog) .main-container .inputs-container-parent .inputs-container .field-placeholder yoo-form-input-container{padding:var(--spacing-08, 0.5rem) var(--spacing-02, 0.125rem) !important}:host(.toolbar-form){max-height:4.125rem}:host(.toolbar-form) .main-container .inputs-container-parent{overflow:hidden}:host(.quickview.web.readonly) .main-container{background:var(--stable-ultralight, #fafafa)}:host(.quickview.no-margin) .inputs-container{margin-right:0 !important;margin-left:0 !important}:host(.quickview){background:transparent}:host(.quickview) yoo-tabs{display:block;background:var(--light, #ffffff)}:host(.quickview) yoo-ion-slides yoo-ion-slide.readonly .slide-container yoo-ion-scroll{padding:0}:host(.quickview) .inputs-container{max-width:100% !important;margin:var(--spacing-16, 1rem) var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem);padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}:host(.quickview) .inputs-container .field-placeholder{-ms-flex:1 0 100%;flex:1 0 100%}:host(.quickview) .inputs-container .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.quickview) .inputs-container yoo-collapsible{max-width:100% !important}:host(.quickview) .inputs-container .footer-spacer{display:none}:host(.quickview.readonly) .inputs-container{-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.quickview.mobile) .inputs-container{margin:var(--spacing-16, 1rem) 0 !important}:host(.profile) .inputs-container{max-width:100% !important;margin:auto var(--spacing-16, 1rem) !important}:host(.profile) .inputs-container .field-placeholder{max-width:100% !important;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.profile) .inputs-container .field-placeholder.number yoo-form-input-container,:host(.profile) .inputs-container .field-placeholder.autocomplete yoo-form-input-container{--content-max-width:12.5rem}:host(.quickview.transparent){background:transparent}:host(.quickview.transparent) .form-wrapper{background:transparent}:host(.bold-header) .field-header{font-weight:bold}:host(.no-last-border) .field-placeholder.last yoo-form-input-container{border-bottom:none}:host(.safari) .progress-container.animated>*,:host(.chrome-ios) .progress-container.animated>*{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder,:host(.chrome-ios) .field-placeholder{-webkit-animation-name:none !important;animation-name:none !important}:host(.safari) .field-placeholder.invisible,:host(.chrome-ios) .field-placeholder.invisible{-webkit-animation-name:none !important;animation-name:none !important}:host(.lesson-question-result) .main-container,:host(.lesson-detail) .main-container{display:initial}:host(.lesson-question-result) .main-container yoo-form-connect,:host(.lesson-detail) .main-container yoo-form-connect{max-width:21.5rem}:host(.lesson-question-result) .main-container .confidence-level-container .header,:host(.lesson-detail) .main-container .confidence-level-container .header{margin:0;margin-bottom:var(--spacing-16, 1rem);padding:0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host(.lesson-question-result) .main-container .confidence-level-container .container,:host(.lesson-detail) .main-container .confidence-level-container .container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.lesson-detail) .footer-spacer{display:none}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder:not(.invisible){padding-top:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.toggle:not(.invisible){padding-bottom:0.5rem}:host(.mobile:not(.mission-form):not(.lesson-form):not(.inline)) .field-placeholder.radio:not(.invisible){padding-bottom:0.5rem}:host(.mobile.lesson-detail) .field-placeholder,:host(.mobile.lesson-question-result.readonly) .field-placeholder{margin:0 var(--spacing-16, 1rem)}:host(.web.lesson-detail) yoo-form-image-tagging{max-width:37.5rem}:host(.web.lesson-detail) .inputs-container-parent{margin:0 !important;padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container{padding:0}:host(.web.lesson-detail) .inputs-container-parent .inputs-container .field-placeholder{margin:0 var(--spacing-24, 1.5rem)}:host(.web.lesson-detail.readonly) .field-placeholder{width:-webkit-fill-available}:host(.lesson-detail.readonly),:host(.lesson-question-result.readonly){--inputs-margin:0}:host(.in-card.secondary){margin-top:var(--spacing-08, 0.5rem);padding:0;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.campaign-preview) yoo-form-input-container.photo,:host(.campaign-preview) yoo-form-input-container.multiphotos,:host(.campaign-preview) yoo-form-input-container.video,:host(.campaign-preview) yoo-form-input-container.audio{--content-padding-bottom:var(--spacing-08, 0.5rem)}:host([form-input-size=small]){font-size:var(--font-size-12, 0.75rem)}:host(.assign-users) yoo-form-input-container.readonly.web.autocomplete{margin-left:var(--spacing-32, 2rem)}@media print{:host .pdf-field-wrapper:not(.break){page-break-inside:avoid}:host .footer-spacer{min-height:auto}:host .inputs-container{display:block}:host .inputs-container .slide-title,:host .inputs-container .field-placeholder{page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}:host .inputs-container .field-placeholder:not(.catalog):not(.multiphotos):not(.image):not(.selectmulti):not(.selectbuttons),:host .inputs-container .field-placeholder.no-break{page-break-inside:avoid}:host .inputs-container yoo-form-input-container{page-break-after:avoid;page-break-before:avoid;page-break-inside:avoid}:host .inputs-container yoo-form-input-container.image{--label-padding-top:0 !important}:host .inputs-container yoo-form-capture{display:block;page-break-after:avoid;page-break-before:avoid;page-break-inside:auto}}:host(.readonly:not(.inline-row)) .inputs-container{padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.mission-validation) .field-placeholder:not(.invisible).checkbox{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.login-sso){--inputs-margin:var(--spacing-24, 1.5rem)}:host(.login-sso) .field-placeholder:not(.invisible){padding-top:var(--spacing-08, 0.5rem)}:host(.login-sso) .field-placeholder:not(.invisible):first-of-type{padding-top:0 !important}:host(.dark-info) .information{color:inherit}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container-parent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding-bottom:var(--spacing-64, 4rem);overflow-y:scroll}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .inputs-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.live-preview-form.mobile:not(.inline):not(.inline-row)) .toolbar{position:absolute;bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding-right:var(--spacing-16, 1rem);padding-left:0}:host(.web.community-editor) yoo-form-input-container.segment,:host(.web.community-editor) yoo-form-input-container.autocomplete{min-width:15rem;max-width:50%}:host(.community-editor) yoo-tabs{--height-tabs:var(--spacing-48, 3rem);--active-tab-border-color:var(--stable-light, #f1f1f1);--tab-border-color:var(--stable-light, #f1f1f1);--tab-border-width:var(--border-width-01, 0.0625rem);--vertical-tab-gap:0}:host(.community-editor) yoo-form-input-container.toggle{--content-padding-top:0 !important;margin-bottom:0 !important}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container{display:-ms-flexbox;display:flex;-ms-flex:initial;flex:initial;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;margin:0}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;margin:var(--spacing-24, 1.5rem);margin-bottom:0;padding:0;background:var(--stable-ultralight, #fafafa);border-radius:var(--spacing-08, 0.5rem)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container-parent.grid-flex{border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .inputs-container{-ms-flex:initial;flex:initial;-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);background:var(--stable-ultralight, #fafafa);border-radius:0px}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) .main-container .toolbar{margin:var(--spacing-16, 1rem);padding:0;padding-top:0;background:var(--stable-ultralight, #fafafa)}:host(.live-preview-form.web:not(.inline):not(.inline-row):not(.force-mobile)) yoo-tabs{-ms-flex-negative:0;flex-shrink:0;padding:0}";
 
 const YooFormDynamicComponent = class {
   constructor(hostRef) {
@@ -214,6 +214,7 @@ const YooFormDynamicComponent = class {
     this.gridstackItemDropped = index$2.createEvent(this, "gridstackItemDropped", 7);
     this.gridstackItemRemoved = index$2.createEvent(this, "gridstackItemRemoved", 7);
     this.gridstackItemEdited = index$2.createEvent(this, "gridstackItemEdited", 7);
+    this.gridstackItemClicked = index$2.createEvent(this, "gridstackItemClicked", 7);
     this.selectedTabIndex = 0;
     this.animated = true;
     this.progress = { value: 0 };
@@ -247,21 +248,27 @@ const YooFormDynamicComponent = class {
     this.containsRenderComponent = false;
     this.hasTimerStarted = false;
     this.dirtyFields = [];
-    this.onKeyboardWillShow = index$1.debounce((event) => {
+    this.onKeyboardWillShow = (event) => {
       var _a;
-      if (event && !index$1.isAndroid() && !this.isInline()) {
-        const scrollSpacerHeight = event.keyboardHeight;
-        this.setScrollSpacerHeight(scrollSpacerHeight);
-      }
-      const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
-      if (scrollSpacer) {
-        scrollSpacer.classList.remove('bottom-bar');
-      }
       (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.add('hide');
-      if (index$1.isAndroid()) {
-        this.windowHasFinishedResizing = false;
+      const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
+      if (scroll && !(scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
+        scroll.classList.add('keyboard-open');
       }
-    }, 500);
+      index$1.debounce(() => {
+        if (event && !index$1.isAndroid() && !this.isInline()) {
+          const scrollSpacerHeight = event.keyboardHeight;
+          this.setScrollSpacerHeight(scrollSpacerHeight);
+        }
+        const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
+        if (scrollSpacer) {
+          scrollSpacer.classList.remove('bottom-bar');
+        }
+        if (index$1.isAndroid()) {
+          this.windowHasFinishedResizing = false;
+        }
+      }, 500);
+    };
     this.slidesOptions = {
       autoplay: false,
       pagination: {
@@ -369,8 +376,9 @@ const YooFormDynamicComponent = class {
     }
   }
   async setScrollSpacerHeight(height) {
+    var _a;
     const scrollSpacer = this.getElementFromCurrentSlide('.scroll-spacer');
-    if (scrollSpacer && scrollSpacer.classList && scrollSpacer.classList.contains('scroll-spacer') && !this.isInlineRow()) {
+    if (((_a = scrollSpacer === null || scrollSpacer === void 0 ? void 0 : scrollSpacer.classList) === null || _a === void 0 ? void 0 : _a.contains('scroll-spacer')) && !this.isInlineRow()) {
       scrollSpacer.setAttribute('style', `height: ${height}px !important;`);
     }
   }
@@ -449,7 +457,7 @@ const YooFormDynamicComponent = class {
         }
         case index.FormFieldType.grid: {
           const grid = el;
-          grid.updateValues(field.tmpValues, field.tmpTotal, field.gridCurrentSearch);
+          grid.updateValues(field.tmpValues, field.tmpTotal, (formSearch === null || formSearch === void 0 ? void 0 : formSearch.search) || field.gridCurrentSearch);
           break;
         }
         case index.FormFieldType.emailreport: {
@@ -690,6 +698,10 @@ const YooFormDynamicComponent = class {
       });
     }
   }
+  async getTabName() {
+    var _a, _b;
+    return index$1.translate(((_b = (_a = this.tabs) === null || _a === void 0 ? void 0 : _a[this.selectedTabIndex]) === null || _b === void 0 ? void 0 : _b.title) || 'CONTENT');
+  }
   async highlightInvalidFields() {
     const invalidFieldCodes = Object.keys(this.fieldsState).filter((code) => this.fieldsState[code].validity === false);
     this.setFormInputContainerInvalid(false, this.failedSubmission);
@@ -741,6 +753,9 @@ const YooFormDynamicComponent = class {
       if (field.updateValidation) {
         field.updateValidation(value);
       }
+      else if (field.forceUpdateValue) {
+        field.forceUpdateValue(value);
+      }
       else if (resetValidity) {
         formInputHelpers.setValueAndResetInputValidity(value, field);
       }
@@ -752,22 +767,16 @@ const YooFormDynamicComponent = class {
   async getData() {
     return Promise.resolve(this.currentData);
   }
-  // @Method()
-  // async gridstackAddItem(slideIndex: number, id: string, options: IGridstackItem, field: IFormField) {
-  //   const fieldState = getFieldState(field, this.fieldsState);
-  //   this.initReadonlyAndVisible(field, fieldState);
-  //   if (fieldState.visible) {
-  //     this.initFieldValidity(field, fieldState);
-  //     this.setFieldState(field, fieldState);
-  //   }
-  //   this.gridStacks[slideIndex]?.addItem(id, options);
-  //   setTimeout(() => {
-  //     this.updateGridstackHeights();
-  //   }, 300);
-  // }
   async forceUpdate() {
     index$2.forceUpdate(this);
   }
+  async forceCheckValidityAndEmitChanges() {
+    await this.updateState();
+    this.setDirty(true);
+    if (this.failedSubmission.length > 0) {
+      await this.highlightInvalidFields();
+    }
+  }
   componentWillLoad() {
     var _a;
     if (index$1.isNullOrUndefined(this.formInputSize)) {
@@ -2006,6 +2015,10 @@ const YooFormDynamicComponent = class {
       this.setScrollSpacerHeight(100);
     }
     (_a = this.formFooterElement) === null || _a === void 0 ? void 0 : _a.classList.remove('hide');
+    const scroll = this.getElementFromCurrentSlide('yoo-ion-scroll');
+    if (scroll && (scroll === null || scroll === void 0 ? void 0 : scroll.classList.contains('keyboard-open'))) {
+      scroll.classList.remove('keyboard-open');
+    }
   }
   onHideTabbar(ev) {
     if (index$1.getSession().isExternal || index$1.isWeb(this.host)) {
@@ -2130,6 +2143,9 @@ const YooFormDynamicComponent = class {
   onGridstackItemEdited(ev, slideIndex) {
     this.gridstackItemEdited.emit({ node: ev.detail, slideIndex });
   }
+  onGridstackItemClicked(ev, slideIndex) {
+    this.gridstackItemClicked.emit({ node: ev.detail, slideIndex });
+  }
   onGridstackItemRemoved(ev, slideIndex) {
     this.gridstackItemRemoved.emit({ node: ev.detail, slideIndex });
   }
@@ -2154,7 +2170,8 @@ const YooFormDynamicComponent = class {
     }
     this.selectedTabIndex = ev.detail.nextIndex;
     this.activeIndex = this.selectedTabIndex;
-    this.tabChanged.emit(this.selectedTabIndex);
+    const selectedSlideIndex = this.slides.findIndex((s) => { var _a; return (s.value || s.title) === ((_a = this.tabs[this.selectedTabIndex || 0]) === null || _a === void 0 ? void 0 : _a.value); }) || 0;
+    this.tabChanged.emit({ tabIndex: this.selectedTabIndex, slideIndex: selectedSlideIndex });
     if (this.showVerticalTabs) {
       // we need to reset the validity because vertical tabs form are independant from each other
       this.validity = null;
@@ -2203,7 +2220,7 @@ const YooFormDynamicComponent = class {
     const currentStep = ((_a = this.slides) === null || _a === void 0 ? void 0 : _a.length) !== ((_b = this.steps) === null || _b === void 0 ? void 0 : _b.length) ? Math.floor((this.activeIndex / 2) + 1) : this.activeIndex + 1;
     if ((slides === null || slides === void 0 ? void 0 : slides.length) > 1) {
       if (this.isSimpleProgressBar()) {
-        return (index$2.h("yoo-progress-bar", { animated: this.animated, currentStep: currentStep, maxStep: this.steps.length, metric: "step" }));
+        return (index$2.h("yoo-progress-bar", { animated: this.animated, value: currentStep, maxValue: this.steps.length, metric: "step" }));
       }
       if (this.activeIndex === 0 && this.showRecap) {
         return (index$2.h("div", { class: "header-recap" }, index$2.h("div", { class: "summary-title" }, index$1.translate('SUMMARY')), index$2.h("div", { class: "progressbar-wrapper" }, index$2.h("yoo-progress-bar", { class: "recap", animated: this.animated, value: Math.round(this.progress.value || 0) }))));
@@ -2263,7 +2280,7 @@ const YooFormDynamicComponent = class {
     return null;
   }
   renderInnerBody() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f;
     const slides = this.getVisibleSlides();
     if (!slides || slides.length === 0) {
       return (index$2.h("div", { class: "no-slide-container" }, index$2.h("slot", null), index$2.h("slot", { name: "start" })));
@@ -2283,14 +2300,19 @@ const YooFormDynamicComponent = class {
         this.setTabSelectedValue(this.selectedTabIndex || 0);
         return [
           index$2.h("slot", { name: "start-before-tabs" }),
-          index$2.h("yoo-tabs", { class: { 'items-flex-start': true, small: true, 'community-editor': this.host.classList.contains('community-editor') }, vertical: this.showVerticalTabs, showBadges: this.showBadgesVerticalTabs, tabOpenedIndicator: this.tabOpenedIndicator, tabs: this.tabs, autoScroll: this.autoScrollTabs, initialIndex: this.selectedTabIndex || 0, onTabSelected: (ev) => this.onTabSelected(ev) }),
-          index$2.h("div", { class: "main-container" }, this.renderLeftPanelSecondary(selectedSlide), index$2.h("div", { class: {
+          index$2.h("yoo-tabs", { class: {
+              'items-flex-start': true,
+              small: true,
+              'big-tabs': this.host.classList.contains('big-tabs'),
+              'tabs-padding-top': this.host.classList.contains('tabs-padding-top')
+            }, vertical: this.showVerticalTabs, showBadges: this.showBadgesVerticalTabs, tabOpenedIndicator: this.tabOpenedIndicator, tabs: this.tabs, autoScroll: this.autoScrollTabs, initialIndex: this.selectedTabIndex || 0, onTabSelected: (ev) => this.onTabSelected(ev) }),
+          index$2.h("div", { class: "main-container" }, index$2.h("slot", { name: "main-top" }), this.renderLeftPanelSecondary(selectedSlide), index$2.h("div", { class: {
               'inputs-container-parent': true,
-              'grid-flex': !this.showWizard && ((_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
+              'grid-flex': !this.showWizard && ((_b = (_a = selectedSlide === null || selectedSlide === void 0 ? void 0 : selectedSlide.items) === null || _a === void 0 ? void 0 : _a.filter((f) => this.getFieldVisibility(f))) === null || _b === void 0 ? void 0 : _b.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
               'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
               'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
               'lesson-detail-answer': (this.formType === 'lesson' && index$1.isWeb()) && this.showAnswers && !this.lessonStarted
-            }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) }, this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1))),
+            }, ref: (el) => (this.inputContainerParent[selectedSlideIndex] = el) }, index$2.h("slot", { name: "before-main-container" }), this.selectedTabIndexState > -1 && this.renderFormContentFields(selectedSlide, selectedSlideIndex, slides.length - 1), ((_c = this.formExtraOptions) === null || _c === void 0 ? void 0 : _c.livePreview) && this.renderToolbar(selectedSlide))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(selectedSlide)
         ];
       }
@@ -2299,11 +2321,11 @@ const YooFormDynamicComponent = class {
           index$2.h("slot", { name: "start-before-tabs" }),
           index$2.h("div", { class: "main-container" }, this.renderLeftPanelSecondary(slides[0]), index$2.h("div", { class: {
               'inputs-container-parent': true,
-              'grid-flex': !this.showWizard && ((_c = (_b = slides[0]) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
+              'grid-flex': !this.showWizard && ((_f = (_e = (_d = slides[0]) === null || _d === void 0 ? void 0 : _d.items) === null || _e === void 0 ? void 0 : _e.filter((f) => this.getFieldVisibility(f))) === null || _f === void 0 ? void 0 : _f.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
               'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
               'gridstack-no-scroll': this.useGridstack && this.gridstackItemNoScroll,
               'lesson-detail-answer': this.formType === 'lesson' && index$1.isWeb() && this.showAnswers && !this.lessonStarted
-            }, ref: (el) => (this.inputContainerParent[0] = el) }, this.renderFormContentFields(slides[0], 0, slides.length - 1))),
+            }, ref: (el) => (this.inputContainerParent[0] = el) }, index$2.h("slot", { name: "before-main-container" }), this.renderFormContentFields(slides[0], 0, slides.length - 1))),
           !this.host.classList.contains('no-slide-bottom-toolbar') && this.renderToolbar(slides[0])
         ];
       }
@@ -2378,6 +2400,7 @@ const YooFormDynamicComponent = class {
     }
   }
   getFieldVisibility(field) {
+    var _a;
     let isFieldVisible = false;
     const fieldState = getFieldState(field, this.fieldsState);
     const readonly = fieldState.readonly || this.forceReadonly;
@@ -2387,7 +2410,10 @@ const YooFormDynamicComponent = class {
     // const required = isRequired(field, this.currentData, visible, this.suffix, this.session);
     isFieldVisible = !field.advanced && visible;
     if (field.secondary) {
-      if (withValue) {
+      // Invisible data is still rendered when they are secondar and has value,
+      // Use this forceHideSecondaryDataIfHidden to hide then in UI
+      const allowInvisibleData = !(((_a = this.formExtraOptions) === null || _a === void 0 ? void 0 : _a.forceHideSecondaryDataIfHidden) && !visible);
+      if (withValue && allowInvisibleData) {
         isFieldVisible = true;
       }
       else {
@@ -2504,7 +2530,7 @@ const YooFormDynamicComponent = class {
     }
   }
   renderFormContentFields(slide, slideIndex, slideLength) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     let isPreviousFieldReadonlyAndVisible;
     this.printedSlideTitle = null;
     // speed improvement
@@ -2525,15 +2551,15 @@ const YooFormDynamicComponent = class {
           'textsequence': !!slide.items.filter((field) => field.type === index.FormFieldType.textsequence).length,
           'swipecards': !!slide.items.filter((field) => field.type === index.FormFieldType.swipecards).length,
           'confidence': !!slide.items.filter((field) => field.type === index.FormFieldType.confidence).length,
-          'grid-flex': !this.showWizard && (slideItems === null || slideItems === void 0 ? void 0 : slideItems.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
+          'grid-flex': !this.showWizard && ((_c = slideItems === null || slideItems === void 0 ? void 0 : slideItems.filter((f) => this.getFieldVisibility(f))) === null || _c === void 0 ? void 0 : _c.some((f) => f.type === index.FormFieldType.grid || f.type === index.FormFieldType.audience)),
           'large': this.isFormCreatorBlock() || this.host.classList.contains('translate-dialog') || this.host.classList.contains('large'),
           'gridstack': this.useGridstack && !this.gridstackItemNoScroll,
           'form-edit': this.useGridstack && !this.gridstackStatic,
           'full-overlay': this.gridstackFullOverlay,
           'gap': this.isInlineNarrow() // || fields?.some((f) => f.flex > 0)
-        }, config: ((_c = this.gridstackConfig) === null || _c === void 0 ? void 0 : _c.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
+        }, config: ((_d = this.gridstackConfig) === null || _d === void 0 ? void 0 : _d.length) > slideIndex ? this.gridstackConfig[slideIndex] : null, static: this.gridstackStatic, resizable: this.gridstackResizable, float: this.gridstackFloat, cellHeight: this.gridstackCellHeight, autoHeight: this.useGridstack ? true : null, forceGridLines: this.gridstackForceGridLines, allowEdit: this.gridstackAllowEdit, allowDelete: this.gridstackAllowDelete, forceLoader: this.gridstackForceLoader, margin: 10, ref: (el) => {
           this.gridStacks[slideIndex] = el;
-        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) }, slideIndex === 0 ? index$2.h("slot", null) : null, this.renderDetailComponent(), fields.map((field, inputIndex) => {
+        }, onConfigUpdated: (ev) => this.onGridstackConfigUpdated(ev, slideIndex), onItemDropped: (ev) => this.onGridstackItemDropped(ev, slideIndex), onItemEdited: (ev) => this.onGridstackItemEdited(ev, slideIndex), onItemClicked: (ev) => this.onGridstackItemClicked(ev, slideIndex), onItemRemoved: (ev) => this.onGridstackItemRemoved(ev, slideIndex) }, slideIndex === 0 ? index$2.h("slot", null) : null, this.renderDetailComponent(), fields.map((field, inputIndex) => {
         const previousField = this.findPreviousVisibleField(inputIndex, fields);
         return this.renderFormContentField({
           field,
@@ -2545,8 +2571,8 @@ const YooFormDynamicComponent = class {
           slideLength,
           useGridstack: this.useGridstack
         });
-      }), (_d = lodash.keys(fieldsPerSections)) === null || _d === void 0 ? void 0 :
-        _d.map((section) => {
+      }), (_e = lodash.keys(fieldsPerSections)) === null || _e === void 0 ? void 0 :
+        _e.map((section) => {
           var _a;
           let inputIndex = 0;
           const visible = fieldsPerSections[section].some((field) => this.getFieldVisibility(field));
@@ -2557,7 +2583,6 @@ const YooFormDynamicComponent = class {
             fieldWithSectionHeader && (index$2.h("div", { class: { 'section-header': true, readonly: this.forceReadonly }, innerHTML: index$1.translateMulti(fieldWithSectionHeader.sectionHeader) })),
             visible && (index$2.h("yoo-collapsible", { isPdf: this.isPdf, collapsed: !this.isPdf && !this.forceCollapsibleOpen && !fieldsPerSections[section].some((field) => field.sectionExpanded), class: {
                 'form': true,
-                'dark': !this.isPdf,
                 'padding': !this.showVerticalTabs && !this.forceReadonly,
                 'no-scroll': this.useGridstack && this.gridstackItemNoScroll
               }, icon: fieldWithSectionIcon === null || fieldWithSectionIcon === void 0 ? void 0 : fieldWithSectionIcon.sectionIcon, iconColor: "dark", iconSize: "medium", header: index$1.translate(section), style: { zIndex: fieldsPerSections[section].some((field) => field.type === index.FormFieldType.querybuilder) ? '1' : undefined }, slot: this.useGridstack ? section : null }, fieldsPerSections[section].map((field, i) => {
@@ -2596,8 +2621,8 @@ const YooFormDynamicComponent = class {
                 }));
               })))
           ];
-        }), (_e = lodash.keys(fieldsPerGroup)) === null || _e === void 0 ? void 0 :
-        _e.map((group) => {
+        }), (_f = lodash.keys(fieldsPerGroup)) === null || _f === void 0 ? void 0 :
+        _f.map((group) => {
           let inputIndex = 0;
           return [
             index$2.h("div", { class: {
@@ -2701,7 +2726,11 @@ const YooFormDynamicComponent = class {
       slideTitle: renderSlideTitle ? slideTitle : null
     };
     const inlineStyle = {
-      width: isFieldVisible && field.width > 0 ? field.width + 'px' : null
+      width: !(isFieldVisible && field.width > 0)
+        ? null
+        : field.name === 'operator' && this.forceReadonly // Decrease the size of readonly operator fields
+          ? `${field.width / 1.4}px`
+          : `${field.width}px`
     };
     const isPhotoField = (field) => [index.FormFieldType.multiphotos, index.FormFieldType.image, index.FormFieldType.photo, index.FormFieldType.carousel].includes(field === null || field === void 0 ? void 0 : field.type);
     if (((previousField === null || previousField === void 0 ? void 0 : previousField.width) > 0 || (previousField === null || previousField === void 0 ? void 0 : previousField.flex) > 0) && !field.width && !field.flex && isFieldVisible) {
@@ -2802,7 +2831,10 @@ const YooFormDynamicComponent = class {
           : null)
       ];
     };
-    if (this.isPdf && renderSlideTitle) {
+    if (useGridstack) {
+      return index$2.h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
+    }
+    else if (this.isPdf && renderSlideTitle) {
       const pdfClass = {
         'pdf-field-wrapper': true,
         break: isPdfMultiplePhotos || [index.FormFieldType.selectbuttons, index.FormFieldType.catalog].includes(field === null || field === void 0 ? void 0 : field.type),
@@ -2810,9 +2842,6 @@ const YooFormDynamicComponent = class {
       };
       return index$2.h("div", { class: pdfClass, style: fieldStyle }, fieldContent());
     }
-    else if (useGridstack) {
-      return index$2.h("div", { class: { 'no-scroll': this.useGridstack && this.gridstackItemNoScroll }, slot: field.name }, fieldContent());
-    }
     else {
       return fieldContent();
     }
@@ -3157,7 +3186,7 @@ const YooFormDynamicComponent = class {
     this.openPreview.emit('');
   }
   renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly, cssClass, isHistory, previousField, slots }) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
     const fieldState = getFieldState(field, this.fieldsState);
     const required = formHelpers.isRequired(field, this.currentData, this.currentDataFlatten, fieldState.visible, this.suffix, this.session);
     const disabled = formHelpers.isDisabled(field, this.currentData, this.currentDataFlatten, this.suffix, this.session);
@@ -3183,6 +3212,7 @@ const YooFormDynamicComponent = class {
       disabled,
       clearable: !disabled,
       name: field.name,
+      key: field.name,
       isHistory: isHistory || this.forceHistory,
       isPdf: this.isPdf,
       isLesson: this.isLesson(),
@@ -3363,7 +3393,6 @@ const YooFormDynamicComponent = class {
           field.values = values || field.defaultValues;
         }
         const fieldFields = [
-          'forceRefresh',
           'multiple',
           'avatarMode',
           'collectionName',
@@ -3390,7 +3419,9 @@ const YooFormDynamicComponent = class {
           'pageSize',
           'extraClass',
           'dynamicOrdering',
-          'origin'
+          'origin',
+          'entityMapping',
+          'preventUpload'
         ];
         let extraClass = this.isLivePreview() ? 'live-preview-autocomplete' : null;
         if (this.isPdf) {
@@ -3402,7 +3433,11 @@ const YooFormDynamicComponent = class {
           value: !index$1.isNullOrUndefined(value) ? value : field.fieldValue,
           idOnlyInitialSelection: field.tmpSelection,
           ...lodash.pick(field, fieldFields),
-          idOnly: !index$1.isNullOrUndefined(field.valuesColor) || !index$1.isNullOrUndefined(field.valuesIcon) ? true : field.idOnly,
+          idOnly: !(index$1.isNullOrUndefined(field.valuesColor) || !index$1.isNullOrUndefined(field.valuesIcon))
+            ? true
+            : !readonly
+              ? field.idOnly
+              : false,
           disabled,
           allowCreate,
           useUploader: field.useUploader,
@@ -3447,9 +3482,6 @@ const YooFormDynamicComponent = class {
         if (((field.min && field.min > 1) || (field.max && field.max > 0)) && attrs.validators) {
           attrs.validators.push({ name: field.type, options: { ...extraAttrs } });
         }
-        if (field.type === index.FormFieldType.dataset) {
-          extraAttrs.forceRefresh = true;
-        }
         if (field.originalFieldType === index.FormFieldType.tags) {
           extraAttrs.tag = true;
         }
@@ -3558,6 +3590,7 @@ const YooFormDynamicComponent = class {
         extraAttrs = {
           shape: field.progressShape,
           maxValue: field.max,
+          animated: field.animated,
           value: value || field.progressValue,
           style: { '--trail-bar-color': 'var(--light)' }
         };
@@ -3621,7 +3654,6 @@ const YooFormDynamicComponent = class {
       case index.FormFieldType.address:
         TagType = 'yoo-form-autocomplete';
         extraAttrs = {
-          forceRefresh: field.forceRefresh,
           iconPrefix: 'map',
           multiple: false,
           isLocal: false,
@@ -3638,7 +3670,7 @@ const YooFormDynamicComponent = class {
         };
         break;
       case index.FormFieldType.textarea:
-        if (field.language === 'html' && (index$1.isWeb(this.host) || readonly)) {
+        if (field.useRichText || (field.language === 'html' && (index$1.isWeb(this.host) || readonly))) {
           TagType = 'yoo-form-text-editor';
         }
         else {
@@ -3733,45 +3765,110 @@ const YooFormDynamicComponent = class {
           return (index$2.h("div", { slot: index.toString() }, index$2.h("div", { class: "form-radio-label", innerHTML: index$1.translate(label) }), field && this.renderInput({ field, data, slideIndex, slideItems, inputIndex, readonly })));
         });
         break;
-      case index.FormFieldType.select:
       case index.FormFieldType.selectbuttons:
-      case index.FormFieldType.selectbuttonsmulti:
-      case index.FormFieldType.selectmulti:
-      case index.FormFieldType.selectimage:
-      case index.FormFieldType.selectchat:
-      case index.FormFieldType.selectcard: {
-        const multiple = field.type === index.FormFieldType.selectmulti || field.type === index.FormFieldType.selectbuttonsmulti || field.multiple;
+      case index.FormFieldType.selectbuttonsmulti: {
+        const multiple = field.type === index.FormFieldType.selectbuttonsmulti || field.multiple;
         const values = field.values || ((_h = field.opValues) === null || _h === void 0 ? void 0 : _h.find((opValue) => opValue));
-        const type = field.type === index.FormFieldType.selectbuttons || field.type === index.FormFieldType.selectbuttonsmulti
-          ? 'button'
-          : field.type === index.FormFieldType.selectcard
-            ? 'card'
-            : field.type === index.FormFieldType.selectchat
-              ? 'chat'
-              : field.type === index.FormFieldType.selectimage
-                ? 'image'
-                : 'radio';
-        TagType = 'yoo-form-choice';
+        TagType = 'yoo-form-choice-button';
         attrs = {
           ...attrs,
-          style: { ...(attrs.style || {}), '--button-columns': type === 'button' ? Math.min((values === null || values === void 0 ? void 0 : values.length) || 0, field.fullWidth ? 1 : field.enableThreeButtons ? 3 : 2) : undefined }
+          style: { ...(attrs.style || {}), '--button-columns': Math.min((values === null || values === void 0 ? void 0 : values.length) || 0, field.fullWidth ? 1 : field.enableThreeButtons ? 3 : 2) }
         };
         extraAttrs = {
+          multiple: multiple,
           valuesColor: field.valuesColor,
-          values: field.type === index.FormFieldType.selectimage
-            ? values === null || values === void 0 ? void 0 : values.map((value, index) => { var _a, _b, _c, _d, _e; return ({ image: value.image || value._downloadURL || value.file || ((_b = (_a = field.images) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b._downloadURL), text: (_e = (_d = (_c = value.text) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : value.text) !== null && _e !== void 0 ? _e : value }); })
-            : values,
-          sentence: field.sentence,
+          values: values,
+          useTranslate: field.translate,
+          shuffled: this.formType === 'lesson',
+          class: field.extraClass,
           description: field.description,
+          livePreview: this.isLivePreview()
+        };
+        break;
+      }
+      case index.FormFieldType.select:
+      case index.FormFieldType.selectmulti: {
+        const multiple = field.type === index.FormFieldType.selectmulti || field.multiple;
+        const values = field.values || ((_j = field.opValues) === null || _j === void 0 ? void 0 : _j.find((opValue) => opValue));
+        TagType = 'yoo-form-choice-radio';
+        attrs = {
+          ...attrs,
+          style: { ...(attrs.style || {}) }
+        };
+        extraAttrs = {
+          valuesColor: field.valuesColor,
+          values: values,
           cardColumns: field.cardColumns,
           multiple,
           allowOther: field.allowOther,
           useTranslate: field.translate,
+          shuffled: this.formType === 'lesson',
+          answer: field.answer,
+          class: field.extraClass,
+          description: field.description,
+          livePreview: this.isLivePreview()
+        };
+        break;
+      }
+      case index.FormFieldType.selectchat: {
+        const multiple = field.multiple;
+        const values = field.values || ((_k = field.opValues) === null || _k === void 0 ? void 0 : _k.find((opValue) => opValue));
+        TagType = 'yoo-form-choice-chat';
+        attrs = {
+          ...attrs,
+          style: { ...(attrs.style || {}) }
+        };
+        extraAttrs = {
+          values: values,
+          sentence: field.sentence,
+          description: field.description,
+          multiple,
+          useTranslate: field.translate,
+          shuffled: this.formType === 'lesson',
+          answer: field.answer,
+          class: field.extraClass,
+          livePreview: this.isLivePreview()
+        };
+        break;
+      }
+      case index.FormFieldType.selectimage: {
+        const multiple = field.multiple;
+        const values = field.values || ((_l = field.opValues) === null || _l === void 0 ? void 0 : _l.find((opValue) => opValue));
+        TagType = 'yoo-form-choice-image';
+        attrs = {
+          ...attrs,
+          style: { ...(attrs.style || {}) }
+        };
+        extraAttrs = {
+          values: values === null || values === void 0 ? void 0 : values.map((value, index) => { var _a, _b, _c, _d, _e; return ({ image: value.image || value._downloadURL || value.file || ((_b = (_a = field.images) === null || _a === void 0 ? void 0 : _a[index]) === null || _b === void 0 ? void 0 : _b._downloadURL), text: (_e = (_d = (_c = value.text) === null || _c === void 0 ? void 0 : _c.text) !== null && _d !== void 0 ? _d : value.text) !== null && _e !== void 0 ? _e : value }); }),
+          multiple,
+          description: field.description,
+          useTranslate: field.translate,
+          shuffled: this.formType === 'lesson',
+          answer: field.answer,
+          class: field.extraClass,
+          livePreview: this.isLivePreview()
+        };
+        break;
+      }
+      case index.FormFieldType.selectcard: {
+        const multiple = field.multiple;
+        const values = field.values || ((_m = field.opValues) === null || _m === void 0 ? void 0 : _m.find((opValue) => opValue));
+        TagType = 'yoo-form-choice-card';
+        attrs = {
+          ...attrs,
+          style: { ...(attrs.style || {}) }
+        };
+        extraAttrs = {
+          valuesColor: field.valuesColor,
+          values: values,
+          description: field.description,
+          multiple,
+          useTranslate: field.translate,
           maxWidth: field.maxWidth,
           shuffled: this.formType === 'lesson',
           answer: field.answer,
           class: field.extraClass,
-          type,
           livePreview: this.isLivePreview()
         };
         break;
@@ -3834,7 +3931,7 @@ const YooFormDynamicComponent = class {
           collectionName: field.collectionName,
           entityType: field.entityType,
           iconPrefix: field.iconPrefix,
-          descriptionTemplate: data.isUnitCurrency && ((_j = data.currency) === null || _j === void 0 ? void 0 : _j.symbol) ? `${data.currency.symbol} {{text}}` : null,
+          descriptionTemplate: data.isUnitCurrency && ((_o = data.currency) === null || _o === void 0 ? void 0 : _o.symbol) ? `${data.currency.symbol} {{text}}` : null,
           max: field.max,
           queryFields: field.queryFields,
           model: field.model,
@@ -3843,7 +3940,7 @@ const YooFormDynamicComponent = class {
           onFetchCustomData: (ev) => this.onFetchCustomData(field, ev),
           onFetchData: (ev) => this.onFetchData(field, ev)
         };
-        if (attrs.validators && ((_k = config === null || config === void 0 ? void 0 : config.validators) === null || _k === void 0 ? void 0 : _k.length)) {
+        if (attrs.validators && ((_p = config === null || config === void 0 ? void 0 : config.validators) === null || _p === void 0 ? void 0 : _p.length)) {
           attrs.validators.push(...config.validators);
         }
         break;
@@ -3976,7 +4073,7 @@ const YooFormDynamicComponent = class {
         extraAttrs = {
           logo: field.logo,
           value: value || field.value,
-          whiteLabel: (_l = index$1.getSession().tenant) === null || _l === void 0 ? void 0 : _l.waitlistWhitelabel
+          whiteLabel: (_q = index$1.getSession().tenant) === null || _q === void 0 ? void 0 : _q.waitlistWhitelabel
         };
         break;
       case index.FormFieldType.recurrence:
@@ -4003,7 +4100,7 @@ const YooFormDynamicComponent = class {
         }
         else {
           TagType = 'yoo-form-document';
-          const document = (field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? field.document : field.image) || value;
+          const document = (field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? field.document : field.image) || (lodash.isObject(value) ? value : null);
           extraAttrs = {
             allowOrientation: this.isLesson(),
             type: field.type === index.FormFieldType.document || field.type === index.FormFieldType.podcast ? 'document' : 'image',
@@ -4027,7 +4124,8 @@ const YooFormDynamicComponent = class {
         TagType = 'yoo-form-carousel';
         extraAttrs = {
           isVisible: this.isCurrentSlide(slideIndex),
-          mediaSrc: value,
+          mediaSrc: [].concat(value),
+          mediaType: field.mediaType,
           allowPreview: true,
           allowSwipeDownDismiss: false,
           maxHeight: field.maxHeight,
@@ -4178,6 +4276,7 @@ const YooFormDynamicComponent = class {
           initialQuery: value,
           entityType: field.entityType || field.collectionName,
           isFormField: true,
+          isReadonly: readonly,
           field,
           showGlobalActions: true,
           scrollable: field.gridScrollable !== false,
@@ -4199,7 +4298,7 @@ const YooFormDynamicComponent = class {
           onFetchData: (ev) => {
             ev.stopPropagation();
             field.gridCurrentSearch = ev.detail;
-            this.fieldFetchData.emit({ field, search: field.gridCurrentSearch });
+            this.fieldFetchData.emit({ field, search: ev.detail });
           },
           onTagsSelect: (ev) => {
             ev.stopPropagation();
@@ -4267,7 +4366,7 @@ const YooFormDynamicComponent = class {
         if (field.collapsible) {
           return (index$2.h("yoo-collapsible", { iconSize: "medium", class: "secondary", slotHeader: true }, index$2.h("span", { slot: "title" }, field.title), index$2.h("span", { innerHTML: markdown || value })));
         }
-        if (((_m = field.valuesIcon) === null || _m === void 0 ? void 0 : _m.length) > 0) {
+        if (((_r = field.valuesIcon) === null || _r === void 0 ? void 0 : _r.length) > 0) {
           return [
             markdown && index$2.h("div", { class: "info-header" }, markdown),
             field.valuesIcon.map((item) => {
@@ -4428,7 +4527,8 @@ const YooFormDynamicComponent = class {
       case index.FormFieldType.reveal:
         TagType = 'yoo-reveal';
         extraAttrs = {
-          values: field.values
+          values: field.values,
+          isVisible: slideIndex === this.activeIndex
         };
         break;
       case index.FormFieldType.imagecollection:
@@ -4457,7 +4557,8 @@ const YooFormDynamicComponent = class {
           heading: field.heading,
           values: field.values,
           livePreview: this.isLessonPreview(),
-          isVisible: this.isCurrentSlide(slideIndex)
+          isVisible: this.isCurrentSlide(slideIndex),
+          isAnimationFinished: this.isAnimationFinished
         };
         break;
       case index.FormFieldType.feedpreview:
@@ -4575,26 +4676,9 @@ const YooFormDynamicComponent = class {
     if (field.type === index.FormFieldType.recurrence) {
       const { validity } = getFieldState(field, this.fieldsState);
       const PreviewButton = ({ slot }) => (index$2.h("yoo-button", { animated: true, color: "app-color", disabled: !validity, fill: "transparent", size: "small", slot: slot, onClick: () => {
-          const animationKeyframes = [{ transform: 'translateX(0)' }, { transform: 'translateX(100%)' }];
-          const animationOptions = { duration: 300, fill: 'forwards' };
-          const modal = index$1.findParent(this.host, '.modal-wrapper') || index$1.findParent(this.host, '.modal-fullscreen');
-          const form = modal.children[0];
-          let preview = modal.querySelector('yoo-form-recurrence-preview');
-          if (preview) {
-            preview.style.display = '';
-          }
-          else {
-            preview = document.createElement('yoo-form-recurrence-preview');
-            preview.addEventListener('close', async () => {
-              await preview.animate(animationKeyframes, animationOptions).finished;
-              preview.style.display = 'none';
-              form.style.display = '';
-            });
-            modal.appendChild(preview);
-          }
-          form.style.display = 'none';
+          const preview = document.createElement('yoo-form-recurrence-preview');
           preview.value = index$1.getFieldValue(field, this.currentData, this.suffix);
-          preview.animate(animationKeyframes, { ...animationOptions, direction: 'reverse' });
+          index$1.showModal(preview, null, null, index$1.getModalAnimation('Enter', 'X', true), index$1.getModalAnimation('Leave', 'X', true), true);
         } }, index$2.h("yoo-icon", { color: "app-color", name: "eye", size: "small", slot: "start" }), index$1.translate('PREVIEW')));
       return validity ? (index$2.h("yoo-tooltip", { content: index$1.translate('PREVIEWSCHEDULEDPUBLICATION'), placement: "top", slot: slot }, index$2.h(PreviewButton, null))) : (index$2.h(PreviewButton, { slot: slot }));
     }
@@ -4649,7 +4733,7 @@ const YooFormDynamicComponent = class {
     }
   }
   render() {
-    var _a;
+    var _a, _b;
     this.inputElements = [];
     return (index$2.h(index$2.Host, { class: {
         'lesson-detail': this.isLessonDetail(),
@@ -4658,12 +4742,13 @@ const YooFormDynamicComponent = class {
         'mission-form': this.isMission(),
         'mission-validation': this.isMissionValidation,
         'pdf': this.isPdf,
+        'live-preview-form': (_a = this.formExtraOptions) === null || _a === void 0 ? void 0 : _a.livePreview,
         'lesson-form': this.isLesson(),
         'workflow-form': this.hasWorkflow(),
         'kanban-form': this.isKanban(),
         'waitlist-form': this.isWaitlist(),
         'wizard': this.showWizard,
-        'wizard-single': ((_a = this.getVisibleSlides()) === null || _a === void 0 ? void 0 : _a.length) <= 1,
+        'wizard-single': ((_b = this.getVisibleSlides()) === null || _b === void 0 ? void 0 : _b.length) <= 1,
         'form-creator-block': this.isFormCreatorBlock(),
         'vertical-tabs': this.showVerticalTabs,
         'no-animation': index$1.isAnimationsDisabled() || this.hasLoaded,