.collage_box{min-height:80px;transition:background-image 0.3s;--canvas-height: auto;--canvas-width: auto;--offset-x: 0px;--offset-y: 0px;--frame-width: auto;--frame-height: auto}.collage_box .upload_box.is_active .controls{visibility:visible;opacity:0.5}.collage_box.is_loading .canvas,.collage_box.is_loading .uploads{visibility:hidden;opacity:0}.collage_box.is_loading .loading{visibility:visible;opacity:1;z-index:10}.collage_box.is_added .loading .icon{background-image:url(../../images/ico_action_check.svg)}.collage_box .loading{display:flex;position:absolute;flex-direction:column;align-items:center;justify-content:center;transition:0.3s;visibility:hidden;opacity:0;z-index:0;inset:0}.collage_box .loading .icon{display:block;width:38px;height:38px;background:url(../../images/ico_loading.svg) 50% 50%/contain no-repeat}.collage_box .loading .note{display:block;font-size:16px;font-weight:600;line-height:20px;text-align:center;margin:12px 0 0}.collage_box .loading .note:empty{display:none}.collage_box.is_preloading .upload_box .upload,.collage_box .upload_box.is_preloading .upload{background-image:url(../../images/ico_loading.svg)}.collage_box.is_preloading .upload_box .file,.collage_box.is_preloading .upload_box .processing,.collage_box .upload_box.is_preloading .file,.collage_box .upload_box.is_preloading .processing{visibility:hidden;opacity:0}.collage_box .wrapper{width:var(--canvas-width);height:var(--canvas-height);margin:0 auto;background-color:#fff;box-shadow:0 5px 25px -10px rgba(0,0,0,0.5);transition:0.3s;will-change:width, height}.collage_box .canvas{display:block;position:relative;width:100%;transition:opacity 0.5s;z-index:2}.collage_box .uploads{display:block;position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 0.5s}.collage_box .upload_box{position:absolute;top:var(--offset-y);left:var(--offset-x);width:var(--frame-width);height:var(--frame-height);z-index:unset}.collage_box .upload_box .upload{background:50% 50% / 38px 38px no-repeat}.collage_box .upload_box .controls{position:absolute;top:0;right:0;bottom:auto;left:auto;padding:0;visibility:hidden;opacity:0;z-index:3}@media (hover: hover){.collage_box .upload_box .controls:hover{visibility:visible;opacity:1}}.collage_box .upload_box .control{width:32px;height:32px;border:none;border-left:1px solid #D3D6DB}@media (max-width: 640px){.collage_box .upload_box .controls{right:auto;left:50%;transform:translateX(-50%)}}

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