.transform-image-example.svelte-1eo0to3{position:relative}.transform-image-example__cropper{background:#354146;max-height:450px}.rotate-image-example.svelte-pkcjsq{position:relative}.rotate-image-example__cropper{background:#354146;max-height:450px}.rotate-coordinates-example.svelte-10qiirw{border:solid 1px var(--color-border);background:var(--color-surface-raised);border-radius:8px;display:flex}.rotate-coordinates-example__example.svelte-10qiirw{box-sizing:border-box;justify-content:center;align-items:center;padding:24px;display:flex}.rotate-coordinates-example__image.svelte-10qiirw{max-width:none;height:100%;position:absolute;top:50%;left:50%}.rotate-coordinates-example__image-wrapper.svelte-10qiirw{border:dashed 1px var(--color-primary);justify-content:center;align-items:center;height:100%;padding-top:100%;display:flex;position:relative;overflow:hidden}.rotate-coordinates-example__stencil.svelte-10qiirw{border:solid 2px var(--color-primary);z-index:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rotate-coordinates-example__left.svelte-10qiirw,.rotate-coordinates-example__top.svelte-10qiirw{border:solid 1px var(--color-border);z-index:1;position:absolute}.rotate-coordinates-example__left.svelte-10qiirw{left:0}.rotate-coordinates-example__top.svelte-10qiirw{top:0}