.field-wrapper .clickable{cursor:pointer}.field-wrapper .tiny-margin-top{margin-top:2px}.field-wrapper .grid{display:flex;flex-direction:row;flex-wrap:wrap}.field-wrapper .form-components-container{display:flex;flex-direction:column;width:100%;border-radius:5px;overflow:hidden}.field-wrapper .emoji-option{width:42px;height:32px;font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:2px}.field-wrapper .emoji-option.disabled{cursor:default}.field-wrapper .scrollable-panel{overflow-y:scroll}.field-wrapper .middle-panel{height:200px;align-content:baseline}.field-wrapper .middle-panel .emoji-option{opacity:.75}.field-wrapper .options-container .emoji-option{opacity:.25}.field-wrapper .middle-panel .emoji-option:hover.enabled,.field-wrapper .options-container .emoji-option.enabled.active,.field-wrapper .options-container .emoji-option:hover.enabled{opacity:1}.field-wrapper .simple-labeled-input{display:flex;align-items:center;overflow:hidden}.field-wrapper .simple-labeled-input input{outline:none;resize:none;width:100%;padding:10px}.field-wrapper .simple-labeled-input .label{display:flex;font-size:14px;margin-left:8px;position:absolute}.field-wrapper{display:flex;flex-direction:column;font-size:12px}.field-wrapper.fill-available-width{flex-grow:1}.field-wrapper>span.disabled,.switch-button.disabled,.color-picker.disabled,.field-wrapper.disabled{opacity:.25}.field-wrapper .form-field{position:relative;display:flex;border-radius:4px;overflow:hidden}.field-wrapper .form-field .length-counter{position:absolute;top:2px;right:8px;font-size:10px}.field-wrapper .form-field .length-counter.overflow{color:#c00}.field-wrapper .form-field>textarea,.field-wrapper .form-field>input{outline:none;resize:none;width:100%;padding:16px 16px 8px 56px}.field-wrapper .form-field>textarea{border:none;border-radius:0;padding:0;margin:22px 16px 8px 56px}.field-wrapper.error .form-field{border:solid 1px #cc0000}.field-wrapper.error .form-field .icon{border-right:solid 1px #cc0000}.field-wrapper.error .form-field .type-toggler,.field-wrapper.error .form-field .label,.field-wrapper.error .form-field .icon{color:#c00}.field-wrapper .error-notification{padding:8px;margin:4px 0;border-radius:4px;color:#fff;box-shadow:#00000080 0 4px 12px;word-break:break-word}.field-wrapper.error .error-notification{background-color:#c00}.field-wrapper.error .error-notification:before{content:"";position:absolute;left:14px;top:-8px;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #cc0000 transparent}.field-wrapper .form-field .icon{position:absolute;height:100%;width:40px;left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-bottomleft:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;display:flex;align-items:center;justify-content:center;font-size:18px}.field-wrapper .form-field .icon .subtext{font-size:8px}.field-wrapper .form-field .icon.not-valid{border:solid 1px #FF0000}.field-wrapper .form-field .label{font-size:14px;left:56px;top:16px;position:absolute;transition:all .15s}.field-wrapper .form-field.right-aligned{position:relative;display:flex;justify-content:flex-end}.field-wrapper .form-field.typing .label{font-size:10px;top:2px}.field-wrapper .form-field>i{font-size:12px;right:4px;position:absolute;z-index:1;height:100%;display:flex;align-items:center;cursor:pointer}.field-wrapper.disabled .form-field>i{cursor:default}.form-group{display:flex;flex-direction:column;border-radius:4px;padding:10px;gap:10px}.form-group .field-wrapper{gap:10px}.form-optional-field{display:flex;width:100%;-ms-flex-align:end}
