:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:content-box;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:baseline}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background-color:#282c34;color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:10px;margin:0;padding:1rem;scrollbar-color:red #000;scrollbar-width:thin}a{color:#61dafb}h1{margin:0}p{font-size:.9rem}.cropped-image{position:relative}.cropped-image-label{bottom:0;color:#ffffffc0;font-size:1.8rem;left:0;padding-bottom:8px;padding-left:8px;position:absolute;text-align:left;text-shadow:2px 2px .25rem #000}.image-cropper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.image-cropper>img{display:block;max-height:100%;max-width:100%}.clip-rectangle{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.clip-rectangle-shadow{box-shadow:0 0 0 300vw rgba(0,0,0,.35);position:absolute}.clip-handle{border:1px solid #000;height:15px;position:absolute;width:15px}.clip-handle,.clip-handle:hover{background-color:#f5f5f5}.clip-handle-top-left{cursor:nw-resize;left:0}.clip-handle-top,.clip-handle-top-left{top:0;-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px)}.clip-handle-top{cursor:n-resize;left:50%}.clip-handle-top-right{cursor:ne-resize;top:0}.clip-handle-right,.clip-handle-top-right{right:0;-webkit-transform:translate(8px,-8px);transform:translate(8px,-8px)}.clip-handle-right{cursor:e-resize;top:50%}.clip-handle-bottom-right{bottom:0;cursor:se-resize;right:0;-webkit-transform:translate(8px,8px);transform:translate(8px,8px)}.clip-handle-bottom{cursor:s-resize;left:50%}.clip-handle-bottom,.clip-handle-bottom-left{bottom:0;-webkit-transform:translate(-8px,8px);transform:translate(-8px,8px)}.clip-handle-bottom-left{cursor:sw-resize;left:0}.clip-handle-left{cursor:w-resize;left:0;top:50%;-webkit-transform:translate(-8px,-8px);transform:translate(-8px,-8px)}.clip-line{border:1px dashed #fff;bottom:0;left:0;mix-blend-mode:difference;position:absolute;right:0;top:0}.clip-line-vertical{border-bottom-width:0;border-top-width:0;height:100%;left:calc(33.3333% - 2px);width:calc(33.3333% + 4px)}.clip-line-horizontal{border-left-width:0;border-right-width:0;height:calc(33.3333% + 4px);top:calc(33.3333% - 2px);width:100%}.clip-border-vertical{height:100%;position:absolute;-webkit-transform:translateX(-9px);transform:translateX(-9px);width:19px}.clip-border-left{cursor:w-resize;left:0}.clip-border-right{cursor:e-resize;left:100%}.clip-border-horizontal{height:21px;position:absolute;-webkit-transform:translateY(-10px);transform:translateY(-10px);width:100%}.clip-border-top{cursor:n-resize;top:0}.clip-border-bottom{cursor:s-resize;top:100%}.focus-point{background:hsla(0,0%,100%,.5);border:2px dotted #000;border-radius:50%;color:#000;cursor:move;height:68px;pointer-events:all;position:absolute;-webkit-transform:translate(-35px,-35px);transform:translate(-35px,-35px);width:68px}.focus-point:after{content:"x";display:block;font-size:14px;padding-left:30px;padding-top:23.5px;width:100%}.focus-point:hover{background:hsla(0,0%,100%,.2);border-color:#f5f5f5;color:rgba(0,0,0,.5)}.app-layout{display:flex;gap:3rem}.app-cropper{flex-grow:0;flex-shrink:0;width:31rem}.app-examples{align-content:flex-start;align-items:flex-start;display:flex;flex-flow:row wrap;gap:.9rem}.app-examples img{background-clip:padding-box;background-color:transparent;border:3px solid transparent;padding:1px;width:31.33%}.app-examples img.selected{border-color:#f5f5f5}.app-cropped-images{align-items:center;display:flex;flex-flow:column wrap;gap:1rem;height:32rem}
/*# sourceMappingURL=main.597563b5.css.map*/