.crop\@body{display:flex;max-width:400px;width:100%;flex-direction:column;box-sizing:border-box}.crop\@body *{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";line-height:1.5}.crop\@body *,.crop\@body :before,.crop\@body :after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}.crop\@body .crop\@btn\.group{display:flex;align-items:center;margin-top:10px;margin-left:auto}.crop\@body .crop\@btn\.group .crop\@btn{display:flex;justify-content:center;align-items:center;border-radius:.4rem;padding:.3rem .8rem;font-size:.875rem;line-height:1.25rem;color:#fff;background-color:#262728;text-align:center;user-select:none;cursor:pointer;margin-right:5px;transition:.25s;border:1px transparent solid}.crop\@body .crop\@btn\.group .crop\@btn:hover{opacity:.9}.crop\@body .crop\@btn\.group .crop\@btn.white{color:inherit;background:white}.crop\@body .crop\@btn\.group .crop\@btn.white:hover{border:1px black solid}.crop\@container{position:relative;max-width:400px;max-height:400px;padding-top:100%;width:100%;height:100%;background-color:#fff}.crop\@container .crop\@container\.body{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:5px}.crop\@container .crop\@upload{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:#0000000a;cursor:pointer;border-radius:5px;transition:.25s}.crop\@container .crop\@upload:hover{background-color:#0000001c}.crop\@container .crop\@upload .crop\@upload\.icon{width:72px;height:72px;color:#262728}div.crop\@image{position:absolute;background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:move}div.crop\@image.animate{transition:.1s transform}img.crop\@image{width:100%;opacity:0}.crop\@view{position:absolute;width:320px;height:320px;border:2px solid #2196f3;box-shadow:0 0 0 40px #e7e9eb73;pointer-events:none}.crop\@range{padding:0 20px;height:32px;display:flex;justify-content:center;align-items:center}.crop\@range .crop\@range\.bar{position:relative;display:flex;align-items:center;width:100%;height:18px;cursor:pointer;margin:0 12px}.crop\@range .crop\@range\.bar .crop\@range\.buffer{width:100%;height:4px;background:#95cbf8;border-radius:4px}.crop\@range .crop\@range\.bar .crop\@range\.thumb{position:absolute;width:15px;height:15px;background:#2196f3;border-radius:100%;cursor:pointer;transition:.25s cubic-bezier(.175,.885,.32,1.275) box-shadow}.crop\@range .crop\@range\.bar .crop\@range\.thumb:hover{box-shadow:0 0 0 6px #2a9fff33}.crop\@range .crop\@range\.bar .crop\@range\.select{position:absolute;border-radius:4px;height:4px;background:#2196f3}.crop\@range .crop\@range\.icon{width:24px;height:24px;color:#727272}.crop\@rotate{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;overflow:hidden;padding-top:4px;top:-15px;transition:.25s}.crop\@rotate .crop\@rotate\.container{display:flex;width:auto;height:50px;align-items:flex-end;cursor:pointer}.crop\@rotate .crop\@rotate\.select{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:30px;color:#fff;background-color:#95cbf8;background-color:#262728;user-select:none;border-radius:5px;font-size:15px;line-height:15px}.crop\@rotate .crop\@rotate\.select:after{content:"";position:absolute;width:10px;height:10px;background-color:#95cbf8;background-color:#262728;bottom:-2px;transform:rotate(45deg)}.crop\@rotate .crop\@rotate\.tools{position:absolute;top:10px;display:flex;justify-content:space-between;width:100px;z-index:10}.crop\@rotate .crop\@rotate\.tools>div{display:flex;justify-content:center;align-items:center;width:28px;height:28px;border-radius:5px;background-color:#525457;cursor:pointer;transition:.25s}.crop\@rotate .crop\@rotate\.tools>div:hover{background-color:#303233}.crop\@rotate .crop\@rotate\.tools>div>div{width:18px;height:18px;transition:.25s}.crop\@rotate .crop\@rotate\.icon{width:18px;height:18px;color:#ebebeb;transition:.25s}.crop\@rotate\.container>div{margin:0 5px 15px;width:2px;height:12px;background-color:#5f6164;transition:.25s;display:flex;justify-content:center}.crop\@rotate\.container>div:before{content:attr(data-text);position:absolute;font-size:10px;bottom:0px;color:#5f6164}.crop\@rotate\.container>.highlight{width:2px;height:16px;background-color:#c5c8ce}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html,body{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;margin:0;font-family:Poppins,Mitr,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main{display:flex;justify-content:center;margin:0 auto}@media only screen and (max-width: 1028px){.main{flex-direction:column}}.main>div{padding:1.5rem;max-width:fit-content;width:100%}@media only screen and (max-width: 1028px){.main>div{margin:20px auto}}.main>div.section\.1{display:block}@media only screen and (max-width: 1028px){.main>div.section\.1{padding:0rem}}.group\.block{padding:20px 0}.group\.block>.block{margin:20px 0}.group\.block>.block:first-child{margin-top:0}.group\.block>.block:last-child{margin-bottom:0}.block{position:relative;display:flex;padding:20px;border-radius:12px;background-color:#fff;max-width:320px;border:2px solid black;box-shadow:0 4px #000;cursor:cell;transition:.25s}.block:hover{transform:translateY(2px);box-shadow:0 2px #000}.block>:nth-child(2){margin-left:15px}.block>:nth-child(2) div{font-weight:600;font-size:18px}.block>:nth-child(2) div.text{font-weight:500;font-size:13px;line-height:15px}.block .flipY img{transform:scaleY(-1)}.block img{width:50px;height:50px}.hero{width:100%;max-width:340px;padding:1rem;padding-bottom:0}.hero>h1{margin-bottom:.2rem}.window{position:relative;display:flex;flex-direction:column;border:1px solid black;margin:21px}.window>.header{width:100%;height:20px;border-bottom:1px solid black}.window>.body{padding:15px}