.popover{z-index:1000;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--border-radius);transition:opacity .15s ease-out;position:fixed;box-shadow:0 4px 16px #0003}.color-picker-popover{flex-direction:column;gap:1.5rem;min-width:270px;padding:1rem;display:flex}.color-picker-popover .react-colorful{width:auto;height:15rem}.color-picker-popover .color-picker-inputs{flex-direction:column;gap:1rem;display:flex}.color-picker-popover .color-picker-input-row{gap:1rem;display:flex}.color-picker-popover .color-picker-input-group{flex-direction:column;flex:1;gap:1rem;display:flex}.color-picker-popover .color-picker-preview{border:2px solid var(--border-color);border-radius:4px;flex-shrink:0;width:5rem;height:auto}.input-wrapper{background:var(--bg-input);border:1px solid var(--border-translucent);border-radius:var(--border-radius);align-items:center;gap:.375rem;padding:.5rem .75rem;transition:all .2s;display:flex;position:relative}.input-wrapper-multiline{flex-direction:column;align-items:stretch}.input-wrapper:hover{border-color:var(--border-translucent-hover);background:#ffffff08}.input-wrapper:focus-within{border-color:var(--border-translucent-active);outline:none}.input-wrapper:focus-within:hover{border-color:var(--border-translucent-active-hover)}.input-wrapper:has(.input-field:disabled){border-color:var(--border-translucent);background:0 0}.input-wrapper:has(.input-field:disabled):hover{border-color:var(--border-translucent);background:0 0}.input-field:disabled{color:var(--text-secondary)}.input-field{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.8125rem}.input-field-textarea{resize:vertical;min-height:4rem;font-family:inherit;line-height:1.5}.input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-field[type=number]{appearance:textfield}.input-label{-webkit-user-select:none;user-select:none;color:var(--text-primary);border-radius:.1875rem;flex-shrink:0;padding:.125rem;font-size:.625rem;font-weight:700}.input-label-draggable{cursor:ns-resize}[data-platform=macos] .input-label-draggable{cursor:row-resize!important}.input-wrapper input,.input-wrapper textarea{appearance:none;color:inherit;background-color:#0000;border:0;outline:0}.input-wrapper input:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper input:-webkit-autofill:active{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper textarea:-webkit-autofill{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper textarea:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-wrapper textarea:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-primary);caret-color:var(--text-primary);transition:background-color 100000s ease-in-out;background-color:#0000!important;background-image:none!important}.input-field:disabled:-webkit-autofill{-webkit-text-fill-color:var(--text-secondary)}.input-wrapper-large{min-height:2.5rem;padding:.5625rem .875rem}.input-wrapper-large .input-field{font-variant-numeric:tabular-nums;font-size:.9375rem;font-weight:600}.input-wrapper-error{border-color:var(--accent-delete-color)!important}.input-wrapper-error:focus-within{border-color:var(--accent-delete-color)!important;box-shadow:0 0 0 3px rgba(var(--accent-delete-color-rgb), .2)!important}.input-wrapper-color{border:none;background-color:#0000!important;padding:0!important}.input-color-button{appearance:none;border:1px solid var(--border-translucent);border-radius:var(--border-radius);cursor:pointer;background:var(--bg-input);align-items:center;width:100%;height:1.75rem;margin:0;transition:all .15s;display:flex;position:relative;overflow:hidden;padding:0!important}.input-color-button:hover:not(:disabled){border-color:var(--border-translucent-hover);box-shadow:0 2px 8px #0003}.input-color-button:active:not(:disabled){border-color:var(--border-translucent-active)}.input-color-button:active:hover:not(:disabled){border-color:var(--border-translucent-active-hover)}.input-color-button:disabled{opacity:.5;cursor:default}.input-color-value{color:#fff;text-shadow:0 1px 2px #00000080;opacity:0;background:linear-gradient(#0000001a,#0000004d);justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.input-color-button:hover .input-color-value{opacity:1}