.upload_box .controls{display:none;position:relative;top:0;left:0;align-items:center;justify-content:center;padding:15px 0 0;transition:0.3s;z-index:2}.upload_box .is_visible.controls{display:flex}.upload_box .controls .control{display:block;position:relative;width:36px;height:36px;border:1px solid #D3D6DB;border-left-width:0;background-color:#fff;transition:0.3s;cursor:pointer}.upload_box .controls .control:before{content:'';display:block;position:absolute;top:50%;left:50%;width:14px;height:14px;margin-top:-7px;margin-left:-7px;background:50% 50% no-repeat;background-size:contain;transition:0.3s;opacity:0.5}.upload_box .controls .control:first-child{border-left-width:1px}@media (hover: hover){.upload_box .controls .control:hover:before{opacity:1}}.upload_box .controls .trash:before{background-image:url(../../images/ico_controls_trash.svg)}.upload_box .controls .left:before{background-image:url(../../images/ico_controls_left.svg)}.upload_box .controls .right:before{background-image:url(../../images/ico_controls_right.svg)}.upload_box .controls .rotate:before{width:16px;height:16px;margin:-8px 0 0 -8px;background-image:url(../../images/ico_controls_rotate.svg)}.upload_box .controls .plus:before{background-image:url(../../images/ico_controls_plus.svg)}.upload_box .controls .minus:before{background-image:url(../../images/ico_controls_minus.svg)}.upload_box .controls .horizontal:before,.upload_box .controls .vertical:before{width:16px;height:16px;margin:-8px 0 0 -8px;background-image:url(../../images/ico_controls_horizontal.svg)}.upload_box .controls .vertical:before{background-image:url(../../images/ico_controls_vertical.svg)}.upload_box input[type="file"]{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(1px, 1px, 1px, 1px);word-wrap:normal}.upload_box{display:block;position:relative;box-sizing:border-box;text-align:center;transition:0.3s}.upload_box.is_compact .upload:before{display:none}.upload_box.is_compact .icon{width:64px;height:48px;margin-bottom:10px}.upload_box.is_compact .file{padding:15px}.upload_box.is_compact .caption{font-size:15px;line-height:1.333}.upload_box.is_compact .error{font-size:14px;line-height:1.333}@container (max-width: 240px){.upload_box.is_compact .icon{width:48px;height:32px;margin-bottom:5px}.upload_box.is_compact .caption{font-size:14px}.upload_box.is_compact .error{font-size:12px}}@container (max-width: 160px){.upload_box.is_compact .icon{width:32px;height:24px}.upload_box.is_compact .caption{font-size:13px}.upload_box.is_compact .caption em{display:none}.upload_box.is_compact .error{font-size:11px}}@container (max-width: 80px){.upload_box.is_compact .icon{width:24px;height:16px}.upload_box.is_compact .caption{font-size:12px}.upload_box.is_compact .error{font-size:10px}}.upload_box.is_hidden{display:none}.upload_box.is_loading .upload{background-color:#fff}.upload_box.is_loading .file{opacity:0}.upload_box.is_loading .processing{visibility:visible;opacity:1;z-index:5}.upload_box.is_uploaded .wrapper{min-width:0;min-height:0}.upload_box.is_uploaded .preview{visibility:visible;opacity:1;z-index:2}.upload_box.is_uploaded .controls{display:flex}.upload_box.is_uploaded .upload{visibility:hidden;opacity:0;z-index:1}.upload_box.has_overlay{padding:0}.upload_box.has_overlay .wrapper{margin-bottom:0}.upload_box .wrapper{display:block;position:relative;min-width:480px;min-height:480px;margin:0 auto}.upload_box .preview{display:block;position:relative;width:100%;height:100%;max-height:calc(100vh - 230px);border:2px dashed #D3D6DB;transition:0.3s;visibility:visible;opacity:0;z-index:1}.upload_box .preview:empty{display:none}.upload_box .preview img{display:block;width:100%;height:auto}.upload_box .upload{display:block;position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #D3D6DB;background-color:#fff;font-size:16px;font-weight:400;line-height:1.5;text-align:center;transition:0.3s;visibility:visible;z-index:2;container-type:size}.upload_box .upload:before{content:'';display:block;position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:2px dashed #D3D6DB;transition:0.3s;z-index:1}@media (hover: hover){.upload_box .upload:hover{border-color:#707070}.upload_box .upload:hover:before{border-color:#707070}}.upload_box .file{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;flex-grow:1;align-self:stretch;align-items:center;justify-content:center;padding:30px 20px;transition:0.5s;cursor:pointer;z-index:3}.upload_box .icon{display:block;width:128px;height:96px;margin:0 auto 15px;background:url(../../images/ico_image.svg) 50% 50% no-repeat;background-size:contain}.upload_box .caption{display:block;font-size:18px;font-weight:700;line-height:24px}.upload_box .caption a,.upload_box .caption span{border-bottom:1px dashed;color:#0E55A4;text-decoration:none;transition:0.2s;cursor:pointer}.upload_box .caption a:hover,.upload_box .caption span:hover{border-bottom-color:transparent}.upload_box .caption em{font-style:normal}.upload_box .tip{display:block;max-width:420px;margin:0 auto;color:#707070;font-size:14px;font-weight:500}.upload_box .error{display:block;position:relative;max-width:360px;margin:5px auto 0;color:#D90035;font-size:16px;font-weight:500;line-height:1.5;text-align:center}.upload_box .error:empty{display:none}.upload_box .processing{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;flex-direction:column;align-items:center;justify-content:center;height:auto;transition:0.5s;visibility:hidden;opacity:0;z-index:1}.upload_box .bar{display:flex;position:relative;overflow:hidden;align-items:center;justify-content:center;width:160px;height:20px;margin:0;border:1px solid #D3D6DB;border-radius:10px;background-color:#fff;color:#0e0e06;font-size:11px;font-weight:700;line-height:15px;text-align:center}.upload_box .bar span{display:block;position:absolute;top:0;bottom:0;left:0;background-color:#eff0f2;z-index:1}.upload_box .bar b{display:inline-block;position:relative;z-index:2}@media (max-width: 640px){.upload_box.is_compact .file{padding:5px}.upload_box .wrapper{min-width:360px;min-height:360px}.upload_box .preview{max-height:calc(100vh - 100px)}.upload_box .icon{width:80px;height:60px;margin-bottom:10px}.upload_box .tip{font-size:12px}.upload_box .caption{font-size:16px}}@media (max-width: 480px){.upload_box .wrapper{min-width:240px;min-height:280px}.upload_box .upload:before{top:10px;right:10px;bottom:10px;left:10px}.upload_box .tip{margin-top:2px}}

/*# sourceMappingURL=upload.css.map */