.sketchbox.svelte-1ccw3kh.svelte-1ccw3kh{position:inherit;display:flex;flex-direction:inherit;align-items:inherit;min-height:32px}.sketchbox.svelte-1ccw3kh.svelte-1ccw3kh:not(.function_mode){cursor:pointer}.function_mode.svelte-1ccw3kh .cover.svelte-1ccw3kh{background-color:color-mix(in srgb,var(--background-fill-primary),transparent 80%)}.row.svelte-1ccw3kh>*,.row.svelte-1ccw3kh>.form,.row.svelte-1ccw3kh>.form>*{flex-grow:1!important}.interaction.svelte-1ccw3kh.svelte-1ccw3kh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100}.cover.svelte-1ccw3kh.svelte-1ccw3kh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.interaction.svelte-1ccw3kh.svelte-1ccw3kh:hover,.active.svelte-1ccw3kh .interaction.svelte-1ccw3kh{border-color:var(--body-text-color);border-width:1px;border-radius:var(--block-radius)}.active.function_mode.svelte-1ccw3kh .interaction.svelte-1ccw3kh{border-color:var(--color-accent);border-width:2px}.interaction.svelte-1ccw3kh:hover .add.svelte-1ccw3kh,.interaction.svelte-1ccw3kh:hover .action.svelte-1ccw3kh{display:flex}button.svelte-1ccw3kh.svelte-1ccw3kh{border-color:var(--body-text-color);border-width:1px;background-color:var(--button-secondary-background-fill);justify-content:center;align-items:center;font-weight:700}.add.svelte-1ccw3kh.svelte-1ccw3kh,.action.svelte-1ccw3kh.svelte-1ccw3kh{display:none;position:absolute}.action.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:15px;width:30px;height:30px}.add.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:10px;width:20px;height:20px}.function.svelte-1ccw3kh.svelte-1ccw3kh{border-radius:15px;padding:4px 8px;font-size:10px}.function.selected.svelte-1ccw3kh.svelte-1ccw3kh{color:#fff}.input.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:#56a2ff;background-color:oklch(.707 .165 254.624);border-color:#56a2ff;border-color:oklch(.707 .165 254.624)}.output.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:#ff6880;background-color:oklch(.712 .194 13.428);border-color:#ff6880;border-color:oklch(.712 .194 13.428)}.event.selected.svelte-1ccw3kh.svelte-1ccw3kh{background-color:#a686ff;background-color:oklch(.702 .183 293.541);border-color:#a686ff;border-color:oklch(.702 .183 293.541)}button.svelte-1ccw3kh.svelte-1ccw3kh:hover{background-color:var(--button-secondary-background-fill-hover)}.up.svelte-1ccw3kh.svelte-1ccw3kh{top:-10px;left:50%;transform:translate(-50%);width:80%}.left.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:-10px;transform:translateY(-50%);height:80%}.right.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;right:-10px;transform:translateY(-50%);height:80%}.down.svelte-1ccw3kh.svelte-1ccw3kh{bottom:-10px;left:50%;transform:translate(-50%);width:80%}.modify.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:50%;transform:translate(calc(-50% - 20px),-50%)}.delete.svelte-1ccw3kh.svelte-1ccw3kh{top:50%;left:50%;transform:translate(calc(-50% + 20px),-50%)}.button-set.svelte-1ccw3kh.svelte-1ccw3kh{display:flex;gap:8px;justify-content:center;align-items:center;height:100%;flex-wrap:wrap;padding:0 30px}.component-name.svelte-1ccw3kh.svelte-1ccw3kh{background:var(--block-background-fill);border:var(--block-border-color) var(--block-border-width) solid;border-radius:var(--block-radius);height:100%;display:flex;align-items:center;justify-content:center}.component-name.svelte-1ccw3kh span.svelte-1ccw3kh{color:var(--body-text-color-subdued);font-style:italic}