.cby-form{display:flex;flex-direction:column}.cby-form .cby-header{flex-shrink:0}.cby-form .cby-body{width:100%;height:100%;position:relative}.cby-field{min-width:12rem;max-width:24rem;height:var(--cby-field-size);border:.1rem solid var(--cby-form-border);align-items:start;border-radius:.4rem;flex-shrink:0}.cby-field .cby-header{display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.cby-field.selected{outline:solid .2rem var(--cby-form-border)}.cby-label-container{user-select:none}.cby-field .cby-label-container{padding:0 1.2rem;position:absolute;top:50%;max-width:100%;transform:translateY(-56%);transition:top 120ms cubic-bezier(.4,.22,.19,1),padding 120ms cubic-bezier(.4,.22,.19,1),font-size 120ms cubic-bezier(.4,.22,.19,1)}.cby-field.filled .cby-label-container,.cby-field.selected .cby-label-container{padding-left:.8rem;padding-right:.08rem;font-size:80%;top:0}.cby-field .cby-label{padding:0 .2rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--cby-form-color)}.cby-field.filled .cby-label,.cby-field.selected .cby-label{background-color:var(--cby-form-background)}.cby-field .cby-input-container{height:100%;width:100%;display:flex;flex-direction:row;align-items:center;opacity:0;padding:0 1.2rem;cursor:text;transition:opacity 80ms}.cby-field.filled .cby-input-container,.cby-field.selected .cby-input-container{opacity:1}.cby-field .cby-input-container:has(.cby-prefix){padding-left:0}.cby-field .cby-input-container:has(.cby-suffix){padding-right:0}.cby-number-field .cby-input-container{padding-right:0!important}.cby-field .cby-prefix,.cby-field .cby-suffix{pointer-events:none;user-select:none;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0;height:100%}.cby-field .cby-prefix{padding-left:.8rem;padding-right:.4rem}.cby-field .cby-suffix{padding-right:.8rem;padding-left:.4rem}.cby-field .cby-prefix:has(.cby-icon){padding-left:.6rem;padding-right:.4rem}.cby-field .cby-suffix:has(.cby-icon){padding-left:.2rem;padding-right:.6rem}.cby-field .cby-prefix:has(.cby-button){padding-left:.2rem;padding-right:.1rem}.cby-field .cby-suffix:has(.cby-button){padding-left:.1rem;padding-right:.2rem}.cby-field .cby-button{pointer-events:none;height:100%}.cby-field.filled .cby-button,.cby-field.selected .cby-button{pointer-events:all;user-select:all}.cby-field .cby-input{border:0;outline:0;white-space:nowrap;overflow-x:scroll;width:100%;scrollbar-width:none;pointer-events:none}.cby-field.selected .cby-input{pointer-events:all}.cby-field:not(.cby-multiline) .cby-input{white-space:nowrap;overflow:scroll;scrollbar-width:none}.cby-field:not(.cby-multiline) .cby-input br{display:none}.cby-field.cby-multiline .cby-input-container{padding-top:1.2rem;padding-bottom:1.2rem}.cby-field.cby-multiline .cby-input{text-wrap:wrap;height:100%}.cby-field.cby-multiline{max-width:48rem;min-height:calc(var(--cby-field-size) * 4)}.cby-number-field{min-width:9rem}.cby-number-field .cby-input{text-align:right}.cby-number-field .cby-controls{display:flex;flex-direction:column;flex-shrink:0;min-height:2.4rem;width:2.4rem;height:100%}.cby-number-field .cby-controls .cby-button{width:100%;height:50%;min-width:0;min-height:0}.cby-number-field .cby-suffix{padding-right:0}.cby-password-field .cby-input{color:transparent;caret-color:black}.cby-password-field .cby-input::selection{color:transparent;background-color:transparent}.cby-password-field.cby-password-visible .cby-input{color:initial}.cby-password-field.cby-password-visible .cby-input::selection{color:#fff;background-color:#0078d7}.cby-button{min-width:2.4rem;min-height:2.4rem;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-shrink:0;cursor:pointer;border-radius:9999px;user-select:none;transition:transform 120ms cubic-bezier(.4,.22,.19,1)}.cby-button.cby-filling{background-color:var(--cby-accent-color);color:var(--cby-accent-invert);height:var(--cby-button-size)}.cby-button-icon.cby-filling{width:var(--cby-button-size)}.cby-button-icon-text.cby-filling,.cby-button-text.cby-filling{padding:0 calc(var(--cby-button-size)/ 2)}.cby-button-icon-text{gap:.4rem}.cby-button-icon-text:has(.cby-icon.cby-filling){gap:.6rem}.cby-button-icon-text:has(.cby-icon.cby-filling) .cby-icon{width:var(--cby-button-size);height:var(--cby-button-size);min-width:2.4rem;min-height:2.4rem;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--cby-accent-color);border-radius:9999px;color:var(--cby-accent-invert)}.cby-button-icon-text:has(.cby-label.cby-filling) .cby-label{display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:var(--cby-accent-color);border-radius:9999px;color:var(--cby-accent-invert);height:var(--cby-button-size);padding:0 calc(var(--cby-button-size)/ 2)}.cby-button-icon-text.cby-filling{padding-left:calc(var(--cby-button-size)/ 2 - .4rem)}.cby-button-toggle{height:var(--cby-toggle-size);flex-shrink:0;cursor:pointer}.cby-button-toggle .cby-body{display:flex;flex-direction:row;align-items:center;gap:.6rem;height:100%}.cby-button-toggle .cby-input-container{width:calc(var(--cby-toggle-size) * 2);height:100%;border-radius:9999px;border:.1rem solid var(--cby-form-border)}.cby-button-toggle .cby-input{transition:width 120ms cubic-bezier(.4,.22,.19,1),background-color 120ms cubic-bezier(.4,.22,.19,1);width:calc(var(--cby-toggle-size) - .2rem);height:100%;display:flex;flex-direction:row;justify-content:end;border-radius:9999px;padding:.1rem}.cby-button-toggle.checked .cby-input{width:100%;background-color:var(--cby-accent-color)}.cby-button-toggle .cby-handle{transition:background-color 120ms cubic-bezier(.4,.22,.19,1);height:100%;aspect-ratio:1;background-color:var(--cby-accent-color);border-radius:9999px}.cby-button-toggle.checked .cby-handle{background-color:var(--cby-accent-invert)}.cby-icon{flex-shrink:0;pointer-events:none;user-select:none}.cby-icon svg{width:1.8rem;height:1.8rem}.cby-user-focus{border:2px solid #f89f9f}.cby-user-visualization{display:none;flex-direction:row;align-items:center;gap:4px}.cby-user-focus .cby-user-visualization{display:flex}.cby-user-visualization-image{width:24px;height:24px}.cby-field:has(.cby-rich-editor) .cby-input{pointer-events:initial}.cby-field:has(.cby-rich-editor) .cby-input-container{padding:0}.cby-field:has(.cby-rich-editor) .ql-toolbar{border:0}.cby-field:has(.cby-rich-editor) .ql-container.ql-snow{border:0}