.pictureExtarct__label.svelte-poutj0{border-left:var(--lineWidth) solid var(--onBg);cursor:pointer;width:max-content;padding:.75em 1.25em;display:block;position:relative}.pictureExtarct__label.svelte-poutj0:before{content:"";background:var(--onBg);z-index:1;transform-origin:0;transition:transform .3s cubic-bezier(.3,.7,0,1);position:absolute;inset:0;transform:scaleX(0)}.pictureExtarct__label.svelte-poutj0 span:where(.svelte-poutj0){z-index:2;position:relative}.pictureExtarct__label.svelte-poutj0:hover:before{transform:scaleX(1)}.pictureExtarct__label.svelte-poutj0:hover span:where(.svelte-poutj0){color:var(--bg)}.pictureExtarct__label.svelte-poutj0 input:where(.svelte-poutj0){display:none}.pictureExtarct.svelte-poutj0{position:relative}.pictureExtarct__image--hover.svelte-poutj0{outline:var(--lineWidth) solid var(--onBg);outline-offset:.25em;opacity:0;pointer-events:none;width:150%;transition:opacity .2s linear,transform .3s cubic-bezier(.3,.7,0,1);position:absolute;top:calc(100% + 2em);right:0;transform:translateY(2rem)}.pictureExtarct.svelte-poutj0:hover:has(:where(.svelte-poutj0):valid) .pictureExtarct__image--hover:where(.svelte-poutj0){opacity:1;transform:translateY(0)}.pictureExtarct--dropzone.svelte-poutj0{width:100%;height:100%}.pictureExtarct--dropzone.svelte-poutj0 .pictureExtarct__label:where(.svelte-poutj0){border:var(--lineWidth) dashed var(--line);border-left-width:var(--lineWidth);justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex;overflow:hidden}.pictureExtarct--dropzone.svelte-poutj0 .pictureExtarct__label:where(.svelte-poutj0):before{display:none}.pictureExtarct--dropzone.svelte-poutj0:has(.pictureExtarct__image--inline:where(.svelte-poutj0)) .pictureExtarct__label:where(.svelte-poutj0){cursor:default;border-style:solid;border-color:#0000}.pictureExtarct--dropzone.svelte-poutj0 .pictureExtarct__text:where(.svelte-poutj0){z-index:3;background:var(--bg);border:var(--lineWidth) solid var(--line);pointer-events:none;padding:.75em 1.25em;transition:color .2s,background .2s,opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pictureExtarct--dropzone.svelte-poutj0:has(.pictureExtarct__image--inline:where(.svelte-poutj0)) .pictureExtarct__text:where(.svelte-poutj0){display:none}.pictureExtarct--dropzone.svelte-poutj0 .pictureExtarct__label:where(.svelte-poutj0):hover .pictureExtarct__text:where(.svelte-poutj0){color:var(--bg);background:var(--onBg)}.pictureExtarct__image--inline.svelte-poutj0{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pictureExtarct__imageframe.svelte-poutj0{outline:var(--lineWidth) solid var(--onBg);outline-offset:.25em;position:relative}.pictureExtarct__imageframe.svelte-poutj0 img:where(.svelte-poutj0){width:100%;height:100%;display:block}.pictureExtarct__canvas.svelte-poutj0{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pictureExtarct__marker.svelte-poutj0{top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);background:var(--c);box-shadow:0 0 0 var(--lineWidth) var(--black), 0 0 0 calc(var(--lineWidth) * 3) var(--white), 0 0 0 calc(var(--lineWidth) * 10) var(--c);border-radius:.25em;padding:.25em;position:absolute;transform:translate(-50%,-50%)}.pictureExtarct__marker--draggable.svelte-poutj0{pointer-events:auto;cursor:grab;touch-action:none;z-index:3;transition:transform .12s cubic-bezier(.3,.7,0,1)}.pictureExtarct__marker--draggable.svelte-poutj0:hover,.pictureExtarct__marker--draggable.svelte-poutj0:focus-visible{outline:none;transform:translate(-50%,-50%)scale(1.3)}.pictureExtarct__marker--active.svelte-poutj0{cursor:grabbing;opacity:0}.pictureExtarct__marker-label.svelte-poutj0{--gap:calc(var(--lineWidth) * 10 + .4em);bottom:anchor(top);justify-self:anchor-center;margin-bottom:var(--gap);position-try-fallbacks:flip-block, --label-beside-right, --label-beside-left;white-space:nowrap;color:var(--onBg);background:var(--bg);box-shadow:0 0 0 var(--lineWidth) var(--onBg), 0 0 0 calc(var(--lineWidth) * 3) var(--bg);pointer-events:none;z-index:3;opacity:1;text-transform:capitalize;padding:.5em .8em;font-size:.8em;font-weight:100;line-height:1;transition:opacity .2s linear;position:absolute}@position-try --label-beside-right{bottom: auto; left: anchor(right); align-self: anchor-center; margin: 0 0 0 var(--gap);}@position-try --label-beside-left{bottom: auto; right: anchor(left); align-self: anchor-center; margin: 0 var(--gap) 0 0;}.pictureExtarct__imageframe.svelte-poutj0:hover .pictureExtarct__marker-label:where(.svelte-poutj0){opacity:0}@supports not (anchor-name:--x){.pictureExtarct__marker-label.svelte-poutj0{top:calc(var(--y) * 100%);left:calc(var(--x) * 100%);transform:translate(-50%, calc(-50% - var(--lineWidth) * 10 - .8em));margin:0}.pictureExtarct__loupe.svelte-poutj0{display:none}}.pictureExtarct__loupe.svelte-poutj0{position-area:top center;position-try-fallbacks:flip-block;pointer-events:none;opacity:0;width:8rem;height:8rem;box-shadow:0 0 0 var(--lineWidth) var(--onBg), 0 0 0 calc(var(--lineWidth) * 3) var(--bg), 0 0 0 calc(var(--lineWidth) * 4) var(--onBg), 0 0 0 calc(var(--lineWidth) * 10) var(--loupe-c,transparent);z-index:4;border-radius:50%;margin:1rem;transition:opacity .12s linear;position:absolute;overflow:hidden}@supports (anchor-name:--x){.pictureExtarct__loupe.svelte-poutj0{position:fixed}}.pictureExtarct__loupe--active.svelte-poutj0{opacity:1}.pictureExtarct__loupe.svelte-poutj0 canvas:where(.svelte-poutj0){width:100%;height:100%;image-rendering:pixelated;display:block}.pictureExtarct__loupe.svelte-poutj0:after{content:"";box-shadow:inset 0 0 0 var(--lineWidth) var(--bg);pointer-events:none;border-radius:50%;position:absolute;inset:0}
