main.svelte-riem7o.svelte-riem7o{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.container.svelte-riem7o.svelte-riem7o{width:400px;padding:30px;border-radius:10px;background:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.3)}.colors.svelte-riem7o.svelte-riem7o{width:100%;display:flex;align-items:flex-start;justify-content:space-around}.colors.svelte-riem7o input.svelte-riem7o{appearance:none;width:120px;padding:0;margin:0;border:0;height:40px;border-radius:20px;cursor:pointer}.colors.svelte-riem7o input.svelte-riem7o::-webkit-color-swatch{border:none;border-radius:20px}.direction.svelte-riem7o.svelte-riem7o{width:100%;display:flex;align-items:flex-start;justify-content:space-between;margin:30px 0}.direction.svelte-riem7o button.svelte-riem7o{display:block;width:35px;height:35px;background:#fff;padding:0;margin:0;border:2px solid #ddd;border-radius:5px;font-size:20px;font-weight:700;cursor:pointer}.direction.svelte-riem7o button.active.svelte-riem7o{color:#fff;background-color:#321fda;border-color:#321fda}.output.svelte-riem7o.svelte-riem7o{width:100%;background:#eee;padding:15px;min-height:80px;border-radius:5px;line-height:25px;pointer-events:none;border:0;resize:none;outline:none}.buttons.svelte-riem7o.svelte-riem7o{width:100%;text-align:center;margin-top:20px}.buttons.svelte-riem7o button.svelte-riem7o{border:0;padding:8px 20px;color:#fff;background-color:#321fda;border-radius:10px;cursor:pointer;font-size:14px}@media(max-width: 499px){main.svelte-riem7o.svelte-riem7o{padding:0 20px}.container.svelte-riem7o.svelte-riem7o{padding:25px 10px}}