.theme-example.svelte-xkdvq9{border:solid 1px var(--color-border);-webkit-user-select:none;user-select:none;min-height:200px;position:relative}.theme-example.svelte-xkdvq9 .theme-example__cropper{max-height:500px}.theme-example.svelte-xkdvq9 .theme-example__button{transition:color .5s}.theme-example.svelte-xkdvq9 .theme-example__button--inactive{color:#888}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-line{border-color:#fffc}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-line--hover{border-color:#fff}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler-wrapper{width:24px;height:24px}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler-wrapper--west-north{transform:translate(0)}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler-wrapper--east-south{transform:translate(-100%,-100%)}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler-wrapper--west-south{transform:translateY(-100%)}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler-wrapper--east-north{transform:translate(-100%)}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler{opacity:0;background:currentColor;border:none;width:4px;height:4px;transition:opacity .5s;display:block;position:relative}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--west-north,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--east-south,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--west-south,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--east-north{opacity:.7;background:0 0;width:16px;height:16px;display:block}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--west-north{border-top:2px solid;border-left:2px solid}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--east-south{border-bottom:2px solid;border-right:2px solid}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--west-south{border-bottom:2px solid;border-left:2px solid}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--east-north{border-top:2px solid;border-right:2px solid}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-simple-handler--hover{opacity:1}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil__preview{border:2px solid #fffc}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-line{border-color:#ffffff4d}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--west-north,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--east-south,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--west-south,.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--east-north{opacity:.4}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--hover{opacity:1}.theme-example--compact.svelte-xkdvq9 .advanced-cropper-stencil-grid{color:#ffffffb3}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-simple-line{border-color:#fffc}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-simple-line--hover{border-color:#fff}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-simple-handler{opacity:.5;background:currentColor;border:none;flex-shrink:0;width:8px;height:8px;transition:opacity .5s;display:block;position:relative}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-simple-handler--hover{opacity:1}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil__preview{border:2px solid #fffc}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-line{border-color:#ffffff4d}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--west-north,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--east-south,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--west-south,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--east-north{opacity:.5}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil .advanced-cropper-simple-handler--hover,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil--moving .advanced-cropper-simple-handler,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-circle-stencil--resizing .advanced-cropper-simple-handler,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-rectangle-stencil--moving .advanced-cropper-simple-handler,.theme-example--classic.svelte-xkdvq9 .advanced-cropper-rectangle-stencil--resizing .advanced-cropper-simple-handler{opacity:1}.theme-example--classic.svelte-xkdvq9 .advanced-cropper-stencil-grid{color:#ffffffb3}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-simple-handler{opacity:.95;will-change:height, width;background:currentColor;border-radius:50%;width:14px;height:14px;transition-property:width,height;transition-duration:.5s;transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transform:translate(0,0)}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-simple-handler--hover{width:25px;height:25px}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-simple-line{border-color:#ffffffbf}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-simple-line--hover{border-color:#fff}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-circle-stencil--moving .advanced-cropper-simple-handler,.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-circle-stencil--resizing .advanced-cropper-simple-handler,.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-rectangle-stencil--moving .advanced-cropper-simple-handler,.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-rectangle-stencil--resizing .advanced-cropper-simple-handler{opacity:1}.theme-example--bubble.svelte-xkdvq9 .advanced-cropper-stencil-grid{color:#ffffffb3}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line{border-color:#ffffffb3}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line--east{border-right-width:2px}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line--west{border-left-width:2px}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line--south{border-bottom-width:2px}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line--north{border-top-width:2px}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-line--hover{border-color:#fff}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-bounding-box__handler{width:24px;height:24px}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-bounding-box__handler--west-north{transform:translate(-5px,-5px)}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-bounding-box__handler--east-south{transform:translate(-19px,-19px)}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-bounding-box__handler--west-south{transform:translate(-5px,-19px)}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-bounding-box__handler--east-north{transform:translate(-19px,-5px)}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler{opacity:0;background:currentColor;border:none;flex-shrink:0;width:0;height:0;transition:opacity .5s;display:block;position:relative;top:auto;left:auto}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--west-north,.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--east-south,.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--west-south,.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--east-north{opacity:1;background:0 0;width:16px;height:16px;display:block}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--west-north{border-top:3px solid;border-left:3px solid}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--east-south{border-bottom:3px solid;border-right:3px solid}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--west-south{border-bottom:3px solid;border-left:3px solid}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--east-north{border-top:3px solid;border-right:3px solid}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-simple-handler--hover{opacity:1}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-circle-stencil{border-color:#fff6}.theme-example--corners.svelte-xkdvq9 .advanced-cropper-stencil-grid{color:#ffffff80}.theme-example__theme.svelte-xkdvq9{color:#fff;opacity:.5;font-size:10px;position:absolute;bottom:10px;right:10px}