body{align-items:start;background:#fafafa}.label-container,body{display:flex;justify-content:center}.label-container{align-items:center;cursor:pointer;margin-left:3.6rem}.label-container input{display:none}.label-container svg{margin-left:1.4rem;overflow:visible}.label-container .path{fill:none;stroke:#000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:241 9999999;stroke-dashoffset:0;transition:stroke-dasharray .5s ease,stroke-dashoffset .5s ease}.label-container input:checked~svg .path{stroke-dasharray:70.50966644 9999999;stroke-dashoffset:-262.27233887}.range-box{align-items:center;display:flex;justify-content:space-between;width:100%}.range-box .title{font-size:1.6rem}.range-box .PB-range-slider{-webkit-appearance:none;background:#d5dbe1;border-radius:5px;height:4px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.range-box .PB-range-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#000;border-radius:50%;cursor:pointer;height:15px;width:15px}.range-box .PB-range-slider::-webkit-slider-thumb,.range-box .PB-range-slider::-webkit-slider-thumb:hover{-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}.range-box .PB-range-slider::-moz-range-thumb{background-color:#000;border-radius:50%;cursor:pointer;height:15px;width:15px}.range-box .PB-range-slider-div{align-items:center;border-radius:6px;display:flex;gap:1rem;justify-content:center;width:36rem}.range-box .PB-range-slidervalue{font-weight:600}.select-box{align-items:center;display:flex;justify-content:space-between;width:100%}.select-box .select-wrapper{display:flex;max-width:50rem;overflow-x:scroll}.select-box .select-wrapper::-webkit-scrollbar{height:1px}.select-box .select-wrapper .font-item{align-items:center;border:1px solid #333;cursor:pointer;display:flex;height:4rem;justify-content:center;margin:0 3px;white-space:nowrap;width:6rem}.select-box .select-wrapper .font-item.active,.select-box .select-wrapper .font-item:hover{background-color:#ff4500;color:#fff}.select-box .select-wrapper .font-item.layout-item{font-family:Microsoft Yahei;font-size:12px;width:10rem}.dropdown .paste-button{display:block;position:relative}.dropdown .button{background-color:#fff;border:2px solid #0000;border-radius:15px;color:#212121;cursor:pointer;font-size:15px;font-weight:700;padding:10px 15px}.dropdown .dropdown-content{background-color:#fff;border-radius:0 15px 15px 15px;box-shadow:0 8px 16px 0 #0003;display:none;font-size:13px;min-width:200px;position:absolute;z-index:1}.dropdown .dropdown-content a{color:#4caf50;display:block;padding:8px 10px;text-decoration:none;transition:.1s}.dropdown .dropdown-content a:hover{background-color:#4caf50;color:#212121}.dropdown .dropdown-content a:focus{background-color:#212121;color:#4caf50}.dropdown .dropdown-content #top:hover{border-radius:0 13px 0 0}.dropdown .dropdown-content #bottom:hover{border-radius:0 0 13px 13px}.dropdown .paste-button:hover button{border-radius:15px 15px 0 0}.dropdown .paste-button:hover .dropdown-content{display:block}#loading{background-color:#0009;height:100vh;overflow:hidden;position:absolute;width:100vw}#loading .text{bottom:20vh;color:#fff;font-family:NotoSansTangsa;font-size:13px;left:50%;position:absolute;transform:translate(-50%)}#loading .svg-frame{align-items:center;display:flex;height:300px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-style:preserve-3d;width:300px}#loading .svg-frame svg{fill:none;height:344px;position:absolute;transform-origin:center;transition:.5s;width:344px;z-index:calc(1 - var(--j)*.2)}#loading .svg-frame:hover svg{transform:rotate(-80deg) skew(30deg) translateX(calc(45px*var(--i))) translateY(calc(-35px*var(--i)))}#loading .svg-frame svg #center{transform-origin:center;transition:.5s}#loading .svg-frame:hover svg #center{transform:rotate(-30deg) translateX(45px) translateY(-3px)}#loading #out2{animation:rotate16 7s ease-in-out infinite alternate;transform-origin:center}#loading #out3{stroke:#ff0;animation:rotate16 3s ease-in-out infinite alternate;transform-origin:center}#loading #inner1,#loading #inner3{animation:rotate16 4s ease-in-out infinite alternate;transform-origin:center}#loading #center1{fill:#ff0;animation:rotate16 2s ease-in-out infinite alternate;transform-origin:center}@keyframes rotate16{to{transform:rotate(1turn)}}#root .App{align-items:center;display:flex;flex-direction:column}.upload-image{background-color:#fff;padding-top:2rem;width:70rem}.upload-image,.upload-image .upload-component{align-items:center;display:flex;justify-content:center}.upload-image .upload-component .select-image{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.upload-image .upload-component .image-label{align-items:center;background-color:#fff;border:2px dashed #ccc;color:#ccc;cursor:pointer;display:flex;font-size:1.6rem;justify-content:center;min-height:20rem;width:64rem}.upload-image .upload-component .image-label:hover{border-color:#333;color:#333}.upload-image .display-component img{min-height:30rem;width:64rem}.download-image{background-color:#ef4444;border-radius:2.4rem;color:#fff;cursor:pointer;font-size:1.6rem;margin:2rem 0 -2rem;padding:1.2rem 0;text-align:center;width:100%}.infomation{font-family:LK,sans-serif}.infomation .left .device{color:#333;font-size:1.8rem;font-weight:700;text-transform:capitalize}.infomation .left .time{color:#ccc;color:#000;opacity:.4}.infomation .right .shot{align-items:center;display:flex;justify-content:start}.infomation .right .shot .dot{background-color:#ff4500;border-radius:50%;height:10px;margin-right:-3px;width:10px}.infomation .right .shot .text{align-items:center;display:flex;justify-content:space-between}.infomation .right .shot .text>div{margin-left:1.2rem}.infomation .gps,.infomation .shot,.infomation .time{font-family:NotoSansTangsa;font-size:13px}.infomation.Horizontal{align-items:center;display:flex;justify-content:space-between}.infomation.Horizontal .left,.infomation.Horizontal .right{display:flex;flex-direction:column;height:4rem;justify-content:space-evenly}.infomation.Horizontal .right .gps,.infomation.Horizontal .right .shot{display:flex;justify-content:flex-end}.infomation.Horizontal .right .gps{color:#000;opacity:.4}.infomation.Vertical{display:flex;flex-direction:column;justify-content:space-around}.infomation.Vertical .device{text-shadow:2px 2px 5px #ccc}.infomation.Vertical .top{align-items:center;display:flex;height:2.6rem;justify-content:center}.infomation.Vertical .bottom{align-items:center;display:flex;height:2.5rem;justify-content:space-around}.operation{background-color:#fff;border-radius:1.2rem;box-sizing:border-box;margin-top:4rem;padding:2rem;width:70rem}.operation .option{align-items:center;display:flex;height:5.2rem;justify-content:space-between;width:100%}.operation .option .title{font-size:1.6rem}.operation .option .display-wrapper{align-items:center;display:flex;justify-content:center}.operation .option .display-wrapper label{font-size:1.4rem}
/*# sourceMappingURL=main.0a74100b.css.map*/