canvas{width:100%;display:block}.cropper.svelte-1ci3hby{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.range-box.svelte-1ci3hby{display:flex;flex-direction:column;padding:0 10px;margin:15px 0}.range-box.svelte-1ci3hby label:where(.svelte-1ci3hby){display:block;margin-bottom:10px}input[type=range].svelte-1ci3hby{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;box-sizing:border-box}input[type=range].svelte-1ci3hby::-webkit-slider-runnable-track{background:#053a5f;height:.5rem}input[type=range].svelte-1ci3hby::-moz-range-track{background:#053a5f;height:.5rem}input[type=range].svelte-1ci3hby::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-12px;background-color:#5cd5eb;height:2rem;width:1rem}input[type=range].svelte-1ci3hby::-moz-range-thumb{border:none;border-radius:0;background-color:#5cd5eb;height:2rem;width:1rem}input[type=range].svelte-1ci3hby:focus{outline:none}input[type=range].svelte-1ci3hby:focus::-webkit-slider-thumb{border:1px solid #053a5f;outline:3px solid #053a5f;outline-offset:.125rem}.zoomed-image.svelte-okzwbl{width:90vw;max-width:1600px;aspect-ratio:16/9}.zoomed-image.svelte-okzwbl img:where(.svelte-okzwbl){width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.preview-box.svelte-okzwbl{aspect-ratio:16/9;overflow:hidden;cursor:zoom-in}.preview-box.svelte-okzwbl:before{display:none;position:absolute;z-index:2;bottom:4px;right:4px;line-height:1;padding:2px 4px;font-size:12px;letter-spacing:.05em;background-color:var(--color-gray-00);color:var(--color-gray-0);content:"Click to zoom";text-transform:uppercase}.preview-box.placeholder.svelte-okzwbl{pointer-events:none}.preview-box.placeholder.svelte-okzwbl img:where(.svelte-okzwbl){opacity:.1;filter:grayscale(1)}.preview-box.placeholder.svelte-okzwbl:before{background-color:#404040;color:#fff;content:"OFFLINE";font-weight:200}.preview-box.svelte-okzwbl img:where(.svelte-okzwbl){width:100%;height:100%;object-fit:cover}.under-preview.svelte-okzwbl{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:6px}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl){aspect-ratio:16/9;overflow:hidden;position:relative;cursor:pointer;background-color:hsl(from #000 h s 100)}.under-preview.svelte-okzwbl .image-box.no-published:where(.svelte-okzwbl){border:1px solid red}.under-preview.svelte-okzwbl .image-box.active:where(.svelte-okzwbl){border:2px solid var(--color-gray-20)}.under-preview.svelte-okzwbl .image-box.uploader:where(.svelte-okzwbl){border:1px dashed var(--color-gray-60);background-color:transparent;border-radius:3px;color:var(--color-gray-60)}.under-preview.svelte-okzwbl .image-box.uploader:where(.svelte-okzwbl):hover{background-color:var(--color-gray-90)}.under-preview.svelte-okzwbl .image-box.uploader:where(.svelte-okzwbl) button:where(.svelte-okzwbl){all:unset;height:100%;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:2rem;color:inherit}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl) .action-buttons:where(.svelte-okzwbl){position:absolute;top:2px;right:2px;z-index:10;display:flex;gap:2px}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl) .delete:where(.svelte-okzwbl){border:1px solid var(--color-gray-70);background-color:var(--color-gray-90);color:var(--color-gray-20);width:26px;height:26px;padding:0;border-radius:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl) .delete:where(.svelte-okzwbl):hover{background-color:var(--color-gray-80);color:var(--color-gray-10)}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl) img:where(.svelte-okzwbl){width:100%;height:100%;object-fit:cover}.under-preview.svelte-okzwbl .image-box:where(.svelte-okzwbl):hover img:where(.svelte-okzwbl){opacity:.8}.btn-area.svelte-okzwbl{margin:20px}.btn-area.svelte-okzwbl button:where(.svelte-okzwbl){display:block;width:100%}