index.css

.df-field{padding:var(--spacing-3) var(--spacing-4);height:100%}.k-panel[data-template=submission] .k-header-buttons,.k-panel[data-template=forms] .k-header-buttons{display:none}.df-layout-page{display:flex;align-items:center;overflow:hidden;border-radius:var(--rounded-md);width:20rem}.df-layout-page,.df-layout-page:not(:last-of-type){margin:1.5rem auto}.df-layout-page .k-layout-toolbar{flex-direction:row;width:calc(2 * var(--layout-toolbar-width))}.df-layout-column{min-height:2rem;display:flex;align-items:center;padding:0 var(--spacing-2);width:100%;padding-right:var(--layout-toolbar-width);background:var(--block-color-back);--icon-color: var(--color-icon);color:var(--color-text-dimmed);font-weight:var(--font-semi);gap:var(--spacing-2)}body:has(.k-page-view[data-template=form]) .k-layout-column{min-height:4rem}body:has(.k-page-view[data-template=form]) .k-layout-toolbar{padding-bottom:0}.k-layout-df-page .k-layout-column{min-height:4rem}.df-layout-selector-page{grid-column:span 12;background:var(--color-back);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-text-dimmed);font-size:.9em}.df-dynamic-field-input-header{grid-template-columns:max-content minmax(0,1fr) max-content;padding-right:.25rem}.df-dynamic-field-input-toggle.k-button{--button-height: var(--height-sm);--button-rounded: var(--rounded-sm);justify-content:start}.df-dynamic-field-input-toggle.k-button:not(.is-empty) .k-button-arrow{display:none}.df-dynamic-field-input-toggle.k-button.is-empty{margin-right:-.25rem;--button-color-text: var(--color-gray-700)}.df-dynamic-field-input-toggle.k-button.is-empty .k-button-arrow{margin-left:auto}.df-logo{display:flex;align-items:center;color:#1b4493;margin-right:1rem;font-weight:var(--font-semi)}.df-logo .k-icon{width:1rem;height:1rem;margin-right:.5rem}.df-license-section{background:var(--color-blue-300);padding:var(--spacing-1) var(--spacing-1);border-radius:var(--rounded-lg);justify-content:space-between;color:var(--color-black)}.df-license-section,.df-license-section-wrapper{display:flex;align-items:center}.df-license-section-wrapper{padding:var(--spacing-1)}.df-license-section a:not(.df-logo){display:block;color:var(--color-blue-800);text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:.125rem;margin-right:.75rem;margin-left:auto}.df-log-entry{display:flex;align-items:stretch;position:relative;padding-left:1.75rem;margin-top:var(--spacing-2)}.df-log-entry:not(:last-child){margin-bottom:var(--spacing-6)}.df-log-entry-heading{color:var(--color-text-dimmed);gap:var(--spacing-1);line-height:var(--leading-normal)}.df-log-entry-heading strong{font-weight:400;color:var(--color-text)}.df-log-entry:last-child .df-log-entry-line{display:none}.df-log-entry-line{width:.0625rem;background:var(--input-color-border);position:absolute;top:1.625rem;right:auto;bottom:-1.125rem;left:.5rem}.df-log-entry-icon{position:absolute;z-index:2;top:.125rem;left:0;color:var(--color-text-dimmed)}.df-log-entry-content{width:100%}.df-log-entry-details{margin-top:var(--spacing-2)}.df-submission-section{background:var(--item-color-back);border-radius:var(--rounded);box-shadow:var(--shadow);line-height:var(--leading-normal);margin-bottom:.125rem}.df-submission-section .k-button{padding:var(--spacing-4) var(--spacing-5);width:100%;justify-content:flex-start;border-radius:var(--rounded-sm);gap:var(--spacing-1)}.df-stat{padding:var(--spacing-3) var(--spacing-6);line-height:var(--leading-tight)}.df-stat-value{white-space:pre;font-weight:var(--font-semi);margin-right:-.25rem}.df-stat-value .k-icon{display:inline-block;--icon-size: 1rem;vertical-align:text-bottom;color:var(--color-blue-600);margin-right:.125rem}.df-stat-value.is-positive,.df-stat-value.is-positive .k-icon{color:var(--color-green-700)}.df-stat-value.is-negative{color:var(--color-red-600)}.df-stat-value.is-negative .k-icon{color:var(--color-red-700)}.df-submission-log{margin-top:var(--spacing-8)}.df-editable{position:relative;display:inline-block}.df-editable span[contenteditable]+span{opacity:.65;-webkit-user-select:none;user-select:none}.df-editable span[contenteditable]{outline:none;max-width:max-content}.df-editable span[contenteditable]:empty{position:absolute;min-width:1px}.df-field-error{display:flex;align-items:center;flex-wrap:wrap;row-gap:var(--spacing-1);color:var(--color-text);font-size:var(--text-xs);margin-top:var(--spacing-3)}.df-field-error>span:not(.df-editable){display:block;color:var(--color-text-dimmed);margin-right:var(--spacing-1)}.df-input{display:flex;position:relative;color:var(--color-gray-700);box-shadow:var(--shadow-sm);outline:1px solid var(--input-color-border);padding:.65rem var(--spacing-2);border-radius:var(--input-rounded);font-variant-numeric:tabular-nums;justify-content:space-between;line-height:var(--input-leading);overflow:hidden;align-items:center;max-height:var(--input-height)}.df-placeholder{display:flex;align-items:center;white-space:nowrap;max-width:calc(100% - 2rem)}.df-placeholder.df-editable span{overflow:hidden;text-overflow:ellipsis;width:100%}.df-placeholder+.k-icon{margin-left:var(--spacing-2)}.df-field-header{justify-content:space-between;font-weight:var(--font-semi);margin-bottom:var(--spacing-2);line-height:var(--leading-h3);display:flex;align-items:center}.df-field-header:hover .df-field-required:not(.is-active){color:var(--color-text-dimmed)}.df-field-header .df-field-label.is-invalid{color:var(--color-red)}.df-field-key{color:var(--color-text-dimmed);background:var(--menu-color-back);padding:.125rem var(--spacing-1);border-radius:var(--input-rounded);font-size:var(--text-xs);text-align:right;display:flex;gap:var(--spacing-1);align-items:center}.df-field-key.is-invalid{background:var(--color-red);color:var(--color-white)}.df-field-required{padding:.125rem;color:var(--block-color-back);transition:color .15s;margin-left:var(--spacing-1)}.df-field-required.is-active{color:var(--color-blue)}.df-field-required.is-active:hover{color:var(--color-blue-500)}.k-block-type-textarea-field .df-field .df-input{max-height:none}.k-block-type-textarea-field .df-field .df-input .df-placeholder{align-items:flex-start;min-height:6rem;white-space:pre-wrap}.df-options-list,.df-options-list-draggable{display:flex;flex-direction:column;gap:var(--spacing-2);max-width:max-content}.df-option{width:100%}.df-option,.df-option-inner{display:flex;align-items:start}.df-option.df-option-add-button{cursor:pointer;opacity:.3;transition:opacity .15s;margin-top:.125rem;max-width:max-content}.df-option.df-option-add-button:hover{opacity:.75}.df-option-label{line-height:var(--leading-snug);margin-top:-.125rem}.df-option-label:before,.df-option-label .k-text{padding:0!important}.df-option-value{margin-left:var(--spacing-2);color:var(--color-gray-700);background:var(--color-gray-200);padding:var(--spacing-1) .375rem;border-radius:var(--input-rounded);font-size:var(--text-xs);text-align:right;white-space:nowrap}.df-option-value.is-invalid{background:var(--color-red);color:var(--color-white)}.df-option-remove,.df-option-drag{cursor:pointer;opacity:0;transition:opacity .15s;margin-left:var(--spacing-2);flex-shrink:0}.df-option-inner:focus-within+.df-option-remove,.df-option:hover .df-option-remove,.df-option-inner:focus-within+.df-option-drag,.df-option:hover .df-option-drag{opacity:.5}.df-option-remove:hover,.df-option-remove:focus-visible,.df-option-drag:hover,.df-option-drag:focus-visible{opacity:1!important}.df-option-label.is-invalid{color:var(--color-red)}.df-select-field .df-options-list{margin-top:var(--spacing-2)}.df-option.is-select .df-option-inner,.df-option.is-select.df-option-add-button{display:flex;align-items:center;box-shadow:var(--shadow-sm);background:var(--color-white);outline:1px solid var(--color-gray-200);padding:var(--spacing-1) var(--spacing-1) var(--spacing-1) var(--spacing-2);border-radius:var(--input-rounded);font-variant-numeric:tabular-nums;justify-content:space-between;line-height:var(--input-leading);overflow:hidden}.df-option.is-select .df-option-value{border-radius:var(--rounded-sm)}.df-option.is-select.df-option-add-button{margin-top:0;color:var(--color-gray-600);opacity:.75;transition:color .15s,opacity .15s;min-height:1.75rem;padding-right:var(--spacing-2)}.df-option.is-select.df-option-add-button:hover{color:var(--color-gray-800);opacity:1}.df-option.is-select.k-sortable-ghost{outline:none;box-shadow:none}.df-option.is-select.k-sortable-ghost .df-option-inner{background:var(--color-gray-100);outline:2px solid var(--color-focus);box-shadow:var(--shadow-md)}.df-hidden-key{font-size:var(--text-xs);line-height:var(--leading-h3);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.k-icon+.df-hidden-key{margin-left:var(--spacing-3);width:100%}.df-hidden-input{display:flex;align-items:center;padding-left:var(--spacing-3)!important}.df-hidden-input.is-invalid{outline-color:var(--color-red)}.df-file-upload{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--input-color-placeholder);padding:var(--spacing-4) var(--spacing-2);border-radius:var(--input-rounded);border:1.5px dashed var(--input-color-border)}.df-file-upload>*{pointer-events:none}.df-option.is-checkbox .df-option-icon,.df-option.is-radio .df-option-icon{display:block;width:1rem;height:1rem;border:1px solid var(--choice-color-border);margin-right:var(--spacing-2);background:var(--color-white);box-shadow:var(--shadow-sm);flex-shrink:0}.df-option.is-checkbox.k-sortable-ghost,.df-option.is-radio.k-sortable-ghost{outline:none;box-shadow:none}.df-option.is-checkbox.k-sortable-ghost .df-option-icon,.df-option.is-radio.k-sortable-ghost .df-option-icon{background:var(--color-gray-100);outline:2px solid var(--color-focus);box-shadow:var(--shadow-md)}.df-option.is-radio .df-option-icon{border-radius:999px}.df-option.is-checkbox .df-option-icon{border-radius:var(--choice-rounded)}.df-button-input{outline:none;background:var(--color-black);color:var(--color-white);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--rounded-md);box-shadow:var(--shadow-sm)}.df-log-info-entry{padding:var(--spacing-2) var(--spacing-3);background:var(--color-white);border-radius:var(--rounded);box-shadow:var(--shadow);line-height:var(--leading-normal);margin-bottom:.125rem;width:100%}.df-log-email-entry{overflow:hidden;width:100%;border-radius:var(--rounded);box-shadow:var(--shadow);background:var(--color-white);line-height:var(--leading-normal);position:relative;max-height:14rem}@media (prefers-reduced-motion: no-preference){.df-log-email-entry{transition:max-height .25s ease-out;will-change:height}}.df-log-email-entry.is-expanded{max-height:var(--height)}.df-log-email-entry.is-expanded:before{opacity:0}.df-log-email-entry.is-expanded .df-log-email-entry-expand .k-icon{transform:rotate(180deg)}.df-log-email-entry:before{content:"";background:linear-gradient(to bottom,#fff0,#fff3,#fff);position:absolute;pointer-events:none;top:0;right:0;bottom:0;left:0;transition:all .15s ease-in-out}.df-log-email-entry-body{padding:var(--spacing-4) var(--spacing-3)}.df-log-email-entry-meta{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2);padding-left:var(--spacing-3);padding-right:var(--spacing-3);display:grid;grid-template-columns:auto 1fr;border-bottom:1px solid var(--color-gray-200);white-space:nowrap;overflow:hidden}.df-log-email-entry-meta-value{text-overflow:ellipsis;overflow:hidden;max-width:max-content;display:block;line-height:var(--leading-normal);margin-left:var(--spacing-2)}.df-log-email-entry-meta-value:not([data-type=subject]){background:var(--color-gray-200);border-radius:9999px;padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.df-log-email-entry-meta-label{color:var(--color-gray-700)}.df-log-email-entry-expand{position:absolute;top:auto;right:var(--spacing-3);bottom:var(--spacing-3);left:auto;z-index:20;display:flex;color:var(--color-gray-700);gap:var(--spacing-1);align-items:center;background:var(--color-white)}.df-log-email-entry hr{border-top:1px solid var(--color-gray-200);margin-bottom:-1.25rem}.df-dynamic-field-tag.k-tag{max-width:max-content}.df-dynamic-field-tag.k-tag .k-icon{margin-left:.125rem;width:1.5rem;height:1.5rem;padding:.1875rem;margin-right:-.25rem}