/*!
 * This file is part of the TYPO3 CMS project.
 * 
 * It is free software; you can redistribute it and/or modify it under
 * the terms of the GNU General Public License, either version 2
 * of the License, or any later version.
 * 
 * For the full copyright and license information, please read the
 * LICENSE.txt file that was distributed with this source code.
 * 
 * The TYPO3 project - inspiring people to share!
 */
:root{--formeditor-module-sidebar-collapsed:33px;--formeditor-module-navigation:300px;--formeditor-module-inspector:350px;--formeditor-tree-indention:20px;--formeditor-tree-line-height:32px;--formeditor-tree-item-color-state:initial;--formeditor-tree-item-bg-state:initial;--formeditor-tree-item-border-color-state:initial;--formeditor-tree-item-color:currentColor;--formeditor-tree-item-bg:var(--module-docheader-bg);--formeditor-tree-item-border-color:transparent;--formeditor-tree-item-focus-color:var(--typo3-component-focus-color);--formeditor-tree-item-focus-bg:var(--typo3-component-focus-bg);--formeditor-tree-item-focus-border-color:var(--typo3-component-focus-border-color);--formeditor-tree-item-hover-color:var(--typo3-component-hover-color);--formeditor-tree-item-hover-bg:var(--typo3-component-hover-bg);--formeditor-tree-item-hover-border-color:var(--typo3-component-hover-border-color);--formeditor-tree-item-selected-color:var(--typo3-component-active-color);--formeditor-tree-item-selected-bg:var(--typo3-component-active-bg);--formeditor-tree-item-selected-border-color:var(--typo3-component-active-border-color);--formeditor-stage-sidebar-bg:var(--module-docheader-bg);--formeditor-stage-element-height:62px;--formeditor-stage-element-padding-y:.5rem;--formeditor-stage-element-padding-x:.75rem;--formeditor-stage-element-toolbar-height:2.5rem;--formeditor-stage-element-validator-width:100px;--formeditor-stage-element-icon-width:40px;--formeditor-stage-element-border-width:var(--typo3-component-border-width);--formeditor-stage-element-border-radius:var(--typo3-component-border-radius);--formeditor-stage-element-bg-state:initial;--formeditor-stage-element-color-state:initial;--formeditor-stage-element-border-color-state:initial;--formeditor-stage-element-bg:var(--typo3-component-bg);--formeditor-stage-element-color:var(--typo3-component-color);--formeditor-stage-element-border-color:var(--typo3-component-border-color);--formeditor-stage-element-hover-bg:var(--typo3-component-hover-bg);--formeditor-stage-element-hover-color:var(--typo3-component-hover-color);--formeditor-stage-element-hover-border-color:var(--typo3-component-hover-border-color);--formeditor-stage-element-active-bg:var(--typo3-component-active-bg);--formeditor-stage-element-active-color:var(--typo3-component-active-color);--formeditor-stage-element-active-border-color:var(--typo3-component-active-border-color)}
.web_FormFormbuilder_FormEditor .module-body{position:relative;height:calc(100% - var(--module-docheader-height));overflow:hidden}
.formeditor-loader,.formeditor-module{position:absolute;inset:0}
.formeditor-loader{display:flex;flex-direction:column;gap:.25rem;align-items:center;justify-content:center}
.formeditor-module{display:flex}
.formeditor-module-viewmode-preview .formeditor-sidebar-navigation{margin-inline-start:calc(var(--formeditor-module-navigation) * -1)}
.formeditor-module-viewmode-preview .formeditor-sidebar-inspector{margin-inline-end:calc(var(--formeditor-module-inspector) * -1)}
.formeditor-sidebar{position:relative;display:flex;z-index:4;height:100%;background:var(--module-docheader-bg);transition:margin .5s ease-out;isolation:isolate}
.formeditor-sidebar-navigation{width:var(--formeditor-module-navigation);margin-inline-start:0}
.formeditor-sidebar-navigation .formeditor-sidebar-inner{border-inline-end:1px solid var(--module-docheader-border-color)}
.formeditor-sidebar-navigation .formeditor-sidebar-toggle{--typo3-caret-rotation:calc(90deg * var(--typo3-position-modifier))}
.formeditor-sidebar-navigation .sortable-hover{outline-offset:1px;outline:1px solid color-mix(in srgb,transparent,currentColor var(--typo3-outline-transparent-mix))}
.formeditor-sidebar-inspector{width:var(--formeditor-module-inspector);margin-inline-end:0}
.formeditor-sidebar-inspector .formeditor-sidebar-inner{border-inline-start:1px solid var(--module-docheader-border-color)}
.formeditor-sidebar-inspector .formeditor-sidebar-toggle{text-align:end;--typo3-caret-rotation:calc(-90deg * var(--typo3-position-modifier))}
.formeditor-sidebar-toggle{display:none}
.formeditor-sidebar-toggle .btn{height:100%;border-width:0;--typo3-btn-border-radius:0;--typo3-btn-border-color:var(--module-docheader-border-color)}
.formeditor-sidebar-toggle .btn:focus-visible{outline-offset:-1px;outline:1px var(--typo3-outline-style) color-mix(in srgb,var(--typo3-btn-focus-border-color),transparent 25%)}
.formeditor-sidebar-inner{flex-grow:1;padding:var(--module-body-padding);overflow:auto}
.formeditor-stage{overflow:auto;position:relative;padding:var(--module-body-padding);height:100%;max-height:100%;flex-grow:1}
.formeditor-stage-inner{position:relative;margin-inline:auto;width:100%;max-width:800px}
.formeditor-stage-inner>:last-child{margin-bottom:0}
@media (max-width:1199px){
.formeditor-sidebar-navigation{position:absolute;inset-inline-start:0;max-width:100%;width:calc(var(--formeditor-module-sidebar-collapsed) + var(--formeditor-module-navigation));box-shadow:var(--typo3-component-box-shadow-flyout)}
.formeditor-sidebar-navigation .formeditor-sidebar-inner{border:none}
.formeditor-sidebar-navigation .formeditor-sidebar-toggle{display:block;order:2}
.formeditor-sidebar-navigation .formeditor-sidebar-toggle .btn{border-inline-start-width:1px;border-inline-end-width:1px}
.formeditor-stage{margin-inline-start:var(--formeditor-module-sidebar-collapsed)}
.formeditor-sidebar-navigation:not(.formeditor-sidebar-expanded){position:absolute;width:var(--formeditor-module-sidebar-collapsed);box-shadow:none}
.formeditor-sidebar-navigation:not(.formeditor-sidebar-expanded) .formeditor-sidebar-toggle{--typo3-caret-rotation:calc(-90deg * var(--typo3-position-modifier))}
.formeditor-sidebar-navigation:not(.formeditor-sidebar-expanded) .formeditor-sidebar-toggle .btn{border-inline-start-width:0}
.formeditor-sidebar-navigation:not(.formeditor-sidebar-expanded) .formeditor-sidebar-inner{display:none}
}
@media (max-width:849px){
.formeditor-sidebar-inspector{position:absolute;inset-inline-end:0;max-width:100%;width:calc(var(--formeditor-module-sidebar-collapsed) + var(--formeditor-module-inspector));box-shadow:var(--typo3-component-box-shadow-flyout)}
.formeditor-sidebar-inspector .formeditor-sidebar-inner{border:none}
.formeditor-sidebar-inspector .formeditor-sidebar-toggle{display:block}
.formeditor-sidebar-inspector .formeditor-sidebar-toggle .btn{border-inline-start-width:1px;border-inline-end-width:1px}
.formeditor-stage{margin-inline-end:var(--formeditor-module-sidebar-collapsed)}
.formeditor-sidebar-inspector:not(.formeditor-sidebar-expanded){position:absolute;width:var(--formeditor-module-sidebar-collapsed);box-shadow:none}
.formeditor-sidebar-inspector:not(.formeditor-sidebar-expanded) .formeditor-sidebar-toggle{--typo3-caret-rotation:calc(90deg * var(--typo3-position-modifier))}
.formeditor-sidebar-inspector:not(.formeditor-sidebar-expanded) .formeditor-sidebar-toggle .btn{border-inline-end-width:0}
.formeditor-sidebar-inspector:not(.formeditor-sidebar-expanded) .formeditor-sidebar-inner{display:none}
}
.formeditor-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:var(--typo3-spacing)}
.formeditor-header h1{margin:0}
.formeditor-list{display:grid;list-style:none;padding:0;gap:.5rem;margin:0}
.formeditor-list li{border-radius:4px}
.formeditor-sortable-handle{cursor:pointer}
.formeditor-sortable-ghost{outline:1px dashed var(--typo3-state-success-border-color)!important;outline-offset:-1px!important}
.formeditor-sortable-ghost.mjs-nestedSortable-error{outline:1px dashed var(--typo3-state-danger-border-color)!important}
.formeditor-tree{margin:0 -12px}
.formeditor-tree ol{display:grid;list-style:none;padding:0;margin:0;contain:inline-size}
.formeditor-tree li{white-space:nowrap;border-radius:4px}
.formeditor-tree .collapsed>.formeditor-tree-item .formeditor-tree-expander{--typo3-caret-rotation:calc(-90deg * var(--typo3-position-modifier))}
.formeditor-tree .collapsed>ol{display:none}
.formeditor-tree-root{margin:0 -12px}
.formeditor-tree-item,.formeditor-tree-root{cursor:pointer;display:flex;align-items:center;height:var(--formeditor-tree-line-height);padding:0 12px;border-radius:4px;color:var(--formeditor-tree-item-color-state,var(--formeditor-tree-item-color));background-color:var(--formeditor-tree-item-bg-state,var(--formeditor-tree-item-bg));outline-offset:-1px;outline-color:var(--formeditor-tree-item-border-color-state,var(--formeditor-tree-item-border-color))!important;--typo3-caret-color:currentColor}
.formeditor-tree-item:hover,.formeditor-tree-root:hover{--formeditor-tree-item-color-state:var(--formeditor-tree-item-hover-color);--formeditor-tree-item-bg-state:var(--formeditor-tree-item-hover-bg);--formeditor-tree-item-border-color-state:var(--formeditor-tree-item-hover-border-color);outline:1px solid;z-index:1}
.formeditor-tree-item:focus,.formeditor-tree-root:focus{--formeditor-tree-item-color-state:var(--formeditor-tree-item-focus-color);--formeditor-tree-item-bg-state:var(--formeditor-tree-item-focus-bg);--formeditor-tree-item-border-color-state:var(--formeditor-tree-item-focus-border-color);outline:1px solid;z-index:1}
.formeditor-tree-item.selected,.formeditor-tree-root.selected{--formeditor-tree-item-color-state:var(--formeditor-tree-item-selected-color)!important;--formeditor-tree-item-bg-state:var(--formeditor-tree-item-selected-bg)!important;--formeditor-tree-item-border-color-state:var(--formeditor-tree-item-selected-border-color)!important;outline:1px solid}
.formeditor-tree-line{position:relative;flex-shrink:0;width:var(--formeditor-tree-indention);height:100%;color:inherit;opacity:.15}
.formeditor-tree-line:after,.formeditor-tree-line:before{content:"";position:absolute;background-color:currentColor}
.formeditor-tree-line--line:before{top:0;inset-inline-start:50%;width:1px;height:100%}
.formeditor-tree-line--line:after{display:none}
.formeditor-tree-line--last:before{top:0;inset-inline-start:50%;width:1px;height:50%}
.formeditor-tree-line--last:after{top:calc(50% - .5px);inset-inline-start:50%;height:1px;width:50%}
.formeditor-tree-line--connect:before{top:0;inset-inline-start:50%;width:1px;height:100%}
.formeditor-tree-line--connect:after{top:calc(50% - .5px);inset-inline-start:50%;height:1px;width:50%}
.formeditor-tree-expander{display:flex;justify-content:center;align-items:center;width:var(--formeditor-tree-indention);height:var(--formeditor-tree-indention);margin-inline-start:calc(var(--formeditor-tree-indention) * -1);background-color:var(--formeditor-tree-item-bg-state,var(--formeditor-tree-item-bg));z-index:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}
.formeditor-tree-icon{display:flex;justify-content:center;align-items:center;width:var(--formeditor-tree-indention);height:var(--formeditor-tree-indention)}
.formeditor-tree-title{flex-grow:1;padding-inline-start:.25rem;text-overflow:ellipsis;overflow:hidden;contain:inline-size}
.formeditor-tree-title small{margin-inline-start:.25rem;opacity:.75}
.formeditor-tree-title:has(+.formeditor-tree-edit){display:none}
.formeditor-tree-edit{border-radius:0;border:none;outline:0;padding:0;padding-inline:.25rem;height:100%;flex-grow:1;line-height:1}
.formeditor-inspector .input-group{flex-wrap:nowrap}
.formeditor-inspector .input-group>:first-child{flex-grow:1}
.formeditor-inspector .input-group>:first-child>*{border-start-end-radius:0;border-end-end-radius:0}
.formeditor-inspector .input-group .input-group-btn .btn-group .btn{border-start-start-radius:0;border-end-start-radius:0}
.formeditor-inspector>.formeditor-inspector-element-remove-button{padding-top:1rem;border-top:1px solid var(--module-docheader-border-color)}
.formeditor-inspector>.formeditor-inspector-element-remove-button .btn{width:100%}
.formeditor-inspector-element:last-child>:last-child{margin-bottom:0}
.formeditor-inspector-element-headline{padding-bottom:1rem;margin-bottom:1.5rem;border-bottom:1px solid color-mix(in srgb,transparent,currentColor 15%)}
.formeditor-inspector-element-headline h2{display:flex;font-family:inherit;font-size:var(--typo3-font-size);font-weight:700;align-items:center;margin:0;gap:.25rem}
.formeditor-inspector-collection-element .panel-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:0}
.formeditor-inspector-collection-element .panel-actions{margin:calc(var(--formeditor-stage-element-padding-y) * -1) 0}
.formeditor-stage .formeditor-page-title{cursor:pointer;margin:0}
.formeditor-stage .formeditor-page-title:empty:before{opacity:.75;content:attr(data-empty-message)}
.formeditor-stage .formeditor-page-title:hover{text-underline-offset:.1em;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor,transparent 50%)}
.formeditor-stage div:has(>.formeditor-page-title):has(+*) .formeditor-page-title{margin:0 0 var(--typo3-spacing)}
.formeditor-module-viewmode-preview .formeditor-stage select[multiple=multiple]{height:auto;min-height:32px}
.formeditor-module-viewmode-preview .formeditor-stage textarea{min-height:100px}
.formeditor-module-viewmode-preview .formeditor-stage .container{width:auto}
.formeditor-module-viewmode-preview .formeditor-stage .form-navigation .btn-group button,.formeditor-module-viewmode-preview .formeditor-stage .form-navigation .btn-group span{display:inline-flex;margin-inline-end:1em}
.formeditor-module-viewmode-preview .formeditor-stage .preview-table-first-col{width:30%}
.formeditor-module-viewmode-preview .formeditor-stage .formeditor-element-preview{position:relative;display:inline-block;width:100%}
.formeditor-module-viewmode-preview .formeditor-stage .formeditor-new-element-container{display:none}
.formeditor-element{container-type:inline-size;position:relative;border-radius:var(--formeditor-stage-element-border-radius);color:var(--formeditor-stage-element-color-state,var(--formeditor-stage-element-color));border:var(--formeditor-stage-element-border-width) solid var(--formeditor-stage-element-border-color-state,var(--formeditor-stage-element-border-color));background-color:var(--formeditor-stage-element-bg-state,var(--formeditor-stage-element-bg))}
.formeditor-element .formeditor-element-toolbar{display:flex;justify-content:flex-end;padding:var(--formeditor-stage-element-padding-y) var(--formeditor-stage-element-padding-x)}
.formeditor-element .formeditor-element-label{z-index:2;position:absolute;top:.9rem;inset-inline-start:calc(var(--formeditor-stage-element-icon-width) + var(--formeditor-stage-element-padding-x));display:none;color:var(--formeditor-stage-element-color-state,var(--formeditor-stage-element-color));font-size:var(--typo3-font-size-small)}
.formeditor-element .formeditor-element-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--formeditor-stage-element-icon-width);height:100%;cursor:move;color:var(--formeditor-stage-element-color-state,var(--formeditor-stage-element-color));background-color:color-mix(in srgb,var(--formeditor-stage-element-bg-state,var(--formeditor-stage-element-bg)),var(--formeditor-stage-element-color-state,var(--formeditor-stage-element-color)) 5%)}
.formeditor-element .formeditor-element-body{display:flex;overflow:hidden;position:relative;padding-inline-end:40px;height:var(--formeditor-stage-element-height);color:var(--formeditor-stage-element-color);background-color:var(--formeditor-stage-element-bg);border-radius:calc(var(--formeditor-stage-element-border-radius) - var(--formeditor-stage-element-border-width))}
.formeditor-element .formeditor-element-info{display:flex;position:relative;flex-grow:1;height:100%;padding:var(--formeditor-stage-element-padding-y) var(--formeditor-stage-element-padding-x);gap:var(--formeditor-stage-element-padding-x)}
.formeditor-element .formeditor-element-info:after{content:"";position:absolute;bottom:0;inset-inline:0;height:calc(var(--formeditor-stage-element-padding-y) * 2);background:linear-gradient(to bottom,color-mix(in srgb,var(--formeditor-stage-element-bg),transparent 100%) 0,var(--formeditor-stage-element-bg) 100%)}
.formeditor-element .formeditor-element-info-label{display:flex;align-items:center;position:relative;width:45%;height:100%}
.formeditor-element .formeditor-element-info-content{display:flex;align-items:center;flex-grow:1;flex-flow:row wrap}
.formeditor-element .formeditor-element-validator{position:absolute;top:0;inset-inline-end:0;display:flex;overflow:hidden;height:100%;color:var(--formeditor-stage-element-hover-color);background-color:var(--formeditor-stage-element-hover-bg);margin-inline-end:calc(var(--formeditor-stage-element-validator-width) * -1);z-index:2;transition:margin .15s ease-in-out}
.formeditor-element .formeditor-element-validator:has(.formeditor-element-validator-icon:empty){display:none}
.formeditor-element .formeditor-element-validator:after{content:"";position:absolute;bottom:0;inset-inline:0;z-index:1;height:calc(var(--formeditor-stage-element-padding-y) * 2);background:linear-gradient(to bottom,color-mix(in srgb,var(--formeditor-stage-element-hover-bg),transparent 100%) 0,var(--formeditor-stage-element-hover-bg) 100%)}
.formeditor-element .formeditor-element-validator-icon{height:100%}
.formeditor-element .formeditor-element-validator-icon .icon{height:100%;z-index:1;margin-inline:var(--formeditor-stage-element-padding-x)}
.formeditor-element .formeditor-element-validator-list{display:flex;align-items:center;flex-flow:row wrap;gap:1px;height:100%;padding:var(--formeditor-stage-element-padding-y) var(--formeditor-stage-element-padding-x);padding-inline-start:0;font-size:var(--typo3-font-size-small);width:var(--formeditor-stage-element-validator-width);transition:margin .15s ease-in-out}
.formeditor-element .formeditor-element-validator-list:hover{margin-inline-end:0}
.formeditor-element .formeditor-element-validator-list-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;opacity:.75}
.formeditor-element:hover{--formeditor-stage-element-bg-state:var(--formeditor-stage-element-hover-bg);--formeditor-stage-element-color-state:var(--formeditor-stage-element-hover-color);--formeditor-stage-element-border-color-state:var(--formeditor-stage-element-hover-border-color)}
.formeditor-element.selected{--formeditor-stage-element-bg-state:var(--formeditor-stage-element-active-bg);--formeditor-stage-element-color-state:var(--formeditor-stage-element-active-color);--formeditor-stage-element-border-color-state:var(--formeditor-stage-element-active-border-color)}
.formeditor-element.selected .formeditor-element-body{border-start-start-radius:0;border-start-end-radius:0}
.formeditor-element.selected .formeditor-element-label{display:block}

@container (min-width: 500px) {
  .formeditor-element-validator:hover {
    margin-inline-end: 0;
  }
}
.formeditor-element:has(+.formeditor-list){border-end-start-radius:0;border-end-end-radius:0}
.formeditor-element.selected:has(+.formeditor-list) .formeditor-element-body{border-end-start-radius:0;border-end-end-radius:0}
.formeditor-element+.formeditor-list{padding:var(--formeditor-stage-element-padding-y);padding-inline-start:var(--formeditor-stage-element-icon-width);border:var(--formeditor-stage-element-border-width) solid var(--formeditor-stage-element-border-color-state,var(--formeditor-stage-element-border-color));border-top:none;border-end-start-radius:var(--formeditor-stage-element-border-radius);border-end-end-radius:var(--formeditor-stage-element-border-radius)}
.formeditor-new-element-container{display:flex;justify-content:center;align-items:center;padding:.75rem .5rem;margin-top:var(--typo3-spacing);border-radius:var(--typo3-component-border-radius);border:var(--typo3-component-border-width) dashed color-mix(in srgb,transparent,currentColor 25%)}
.property-grid .form-control{min-width:auto}
.property-grid .table-fit{margin-bottom:0;box-shadow:none}
.property-grid .sort-row-field{cursor:move}
.formeditor-validation-errors{--typo3-panel-header-color:var(--typo3-panel-danger-header-color);--typo3-panel-header-bg:var(--typo3-panel-danger-header-bg);--typo3-panel-border-color:var(--typo3-panel-danger-border-color);--formeditor-tree-item-color:var(--typo3-state-danger-color);--formeditor-tree-item-bg:var(--typo3-state-danger-bg);--formeditor-tree-item-border-color:var(--typo3-state-danger-border-color);--formeditor-tree-item-hover-color:var(--typo3-state-danger-hover-color);--formeditor-tree-item-hover-bg:var(--typo3-state-danger-hover-bg);--formeditor-tree-item-hover-border-color:var(--typo3-state-danger-hover-border-color);--formeditor-tree-item-focus-color:var(--typo3-state-danger-focus-color);--formeditor-tree-item-focus-bg:var(--typo3-state-danger-focus-bg);--formeditor-tree-item-focus-border-color:var(--typo3-state-danger-focus-border-color);--formeditor-tree-item-selected-color:var(--typo3-state-danger-focus-color);--formeditor-tree-item-selected-bg:var(--typo3-state-danger-focus-bg);--formeditor-tree-item-selected-border-color:var(--typo3-state-danger-focus-border-color);--formeditor-stage-element-bg:var(--typo3-state-danger-bg);--formeditor-stage-element-color:var(--typo3-state-danger-color);--formeditor-stage-element-border-color:var(--typo3-state-danger-border-color);--formeditor-stage-element-hover-bg:var(--typo3-state-danger-hover-bg);--formeditor-stage-element-hover-color:var(--typo3-state-danger-hover-color);--formeditor-stage-element-hover-border-color:var(--typo3-state-danger-hover-border-color);--formeditor-stage-element-active-bg:var(--typo3-state-danger-focus-bg);--formeditor-stage-element-active-color:var(--typo3-state-danger-focus-color);--formeditor-stage-element-active-border-color:var(--typo3-state-danger-focus-border-color)}
.formeditor-validation-child-has-error{--formeditor-tree-item-color:var(--typo3-text-color-danger);--formeditor-tree-item-hover-color:var(--typo3-text-color-danger);--formeditor-tree-item-focus-color:var(--typo3-text-color-danger)}