/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}:root{--clr-primary: #f99215;--clr-primary-hover: #dd7b04}.sizing-content-box{box-sizing:content-box}.\!scroll-styles-unset{scroll-margin-top:unset!important;scroll-snap-align:unset!important}#tool-state{border-radius:.625rem;background-color:#f6f6f6;transition:min-height .4s ease-in-out}#uploadSection,#uploadPreviewSection,#resultSection{display:flex;flex-basis:0;width:100%;overflow:hidden}#uploadSection .sub-child{padding-block:1.2rem;border-radius:.625rem}#uploadPreviewSection .sub-child,#uploadSection .sub-child,#resultSection .sub-child{visibility:hidden;opacity:0;animation:fade-out .2s ease-in-out forwards}#securityAndActions>*{grid-column:1 / -1;grid-row:1 / -1;display:none;animation:fade-out .2s ease-in-out forwards}.custom-dashed-border{border:2px dashed #f99215}@keyframes fade-out{0%{visibility:visible;opacity:100%}to{opacity:0;visibility:hidden}}@keyframes fade-in{0%{opacity:0;visibility:hidden}to{visibility:visible;opacity:100%}}#tool-state[data-state=pre-upload] #uploadSection{display:flex;flex-basis:100%}#tool-state[data-state=pre-upload] #uploadSection .sub-child{animation:fade-in .2s ease-in-out forwards}#tool-state[data-state=pre-upload]~#securityAndActions #runtime-position-security{display:block!important;animation:fade-in .2s ease-in-out forwards}#tool-state[data-state=post-upload] #uploadSection,#tool-state[data-state=post-upload] #uploadPreviewSection{display:flex;flex-basis:50%}#tool-state[data-state=post-upload] #uploadSection .sub-child,#tool-state[data-state=post-upload] #uploadPreviewSection .sub-child{animation:fade-in .2s ease-in-out forwards}#tool-state[data-state=post-upload]~#securityAndActions #uploadPreviewActions{display:flex!important;animation:fade-in .2s ease-in-out forwards}#tool-state+.captchaWrapperHide{display:none!important}#tool-state[data-state=post-upload]+.captchaWrapperShow{display:flex!important}#tool-state+.captchaWrapper .captchaContainer{bottom:-1.5rem;inset-inline-start:50%;transform:translate(-50%)}#tool-state[data-state=result-data]{background:#fff}#tool-state[data-state=result-data] #resultSection{display:flex;flex-basis:100%}#tool-state[data-state=result-data] #resultSection .sub-child{animation:fade-in .3s ease-in-out forwards}#tool-state[data-state=result-data]~#securityAndActions #resultDataActions{display:flex!important;animation:fade-in .2s ease-in-out forwards}.security-and-actions{margin-block-start:.9375rem;min-height:45px}.tool-section__disabled{cursor:not-allowed}.tool-section__disabled.overlay-zIndex{z-index:997}.drag-drop-zone-color{background-color:#f7ca931a}.upload-section__upload-label{transform:scale(1);transition:transform .3s ease-in-out}.upload-section__upload-label:hover{transform:scale(1.1)}.upload-section__upload-label img{width:2.5rem;height:2.5rem}.upload-section__desc{font-size:.875rem}.btn--upload,.btn--url{display:flex;justify-content:center;align-items:center;gap:.4rem;min-width:10rem;font-size:.875rem;border-radius:.625rem;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.btn--upload{background-color:var(--clr-primary);color:#fff}.btn--upload i{background-color:#fff;transition:background-color .3s ease-in-out}.btn--upload:hover{color:#fff;box-shadow:0 0 10px 2px #f9921580}.btn--url{color:#707070;border:1px solid var(--clr-primary)}.btn--url i{background-color:#707070}.btn--url:hover{color:#707070;box-shadow:0 0 10px 2px #f9921580}.upload-section__limit-msg{color:#707070;font-size:.875rem}.upload-section__limit-msg i{background-color:var(--clr-primary)}.upload-section__image-url{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease-in-out}.upload-section__image-url>div{overflow:hidden}#imageUrl:checked~.upload-section__image-url{grid-template-rows:1fr}.upload-section__image-url{max-width:300px}.security-msg{color:silver;font-size:.875rem}.security-msg i{background-color:var(--clr-primary);width:1rem;height:1.25rem}.uploadSection__action-btns{margin-block:.5rem}.image-url__container{--margin-bottom: .125rem}.image-url__input{border:1px solid #bababa;border-radius:.3rem;height:2.12rem;margin-block-end:var(--margin-bottom);padding-inline-end:2rem!important;transition:border .15s ease-in-out}.image-url__icon-container{inset-inline-end:.5rem;top:calc(50% - var(--margin-bottom) / 2);transform:translateY(-50%)}.image-url__icon-container>.img-url-btn{cursor:pointer;background-color:#707070}.image-url__icon-container>.url-loader{background-color:var(--clr-primary);cursor:pointer}.image-url__input:focus{outline:none;border:1.5px solid #1c64f2}.btn--crop,.btn--delete{border:none;width:2.15rem;display:flex;justify-content:center;align-items:center;height:2.15rem;border-radius:50%;background:transparent}.btn--crop{background:#f6911733}.btn--crop i{background:#f69117}.btn--delete{background:#ff00001a}.btn--delete i{background:red}.img_result_container{padding:.3rem;border-radius:.875rem;animation:slide-in-left .2s forwards}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.slide-out-right{animation:slide-out-right .2s forwards}@keyframes slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}.compressed_img_src{border-radius:.375rem;border:1px solid #d0d0d0}.name_selected_image{width:0}.name_selected_image__file-name{color:#264653;font-size:.875rem}.name_selected_image__file-size{color:#5a5a5a;font-size:.725rem}.action-btn{min-width:6.43rem;border-radius:.625rem;font-size:.875rem;transition:background-color .3s ease-in-out}.btn--convert,.btn--download-all{color:#fff;background-color:var(--clr-primary)}.btn--convert:hover,.btn--download-all:hover{color:#fff;background-color:var(--clr-primary-hover)}.btn--clear,.btn--re-convert{background-color:#dedede;color:#222}.btn--clear:hover,.btn--re-convert:hover{background-color:#c0bfbf}.btn--download-all:disabled,.btn--re-convert:disabled,.btn--clear:disabled,.btn--convert:disabled{cursor:not-allowed!important;opacity:.75!important;pointer-events:unset}.result-row{border:1px solid #e5e7eb;min-height:136px;background:#f4f4f4;border-radius:7px}.result-row.not-found{background-color:#fff2f2}.result-count{font-weight:600;color:#343a40;font-size:1.375rem}.img-info__container{width:58px;height:58px}.img-info__name{width:0;overflow-wrap:break-word}.result-state{height:5rem}.result-row__textArea{outline:none;border-radius:.3125rem;scrollbar-width:thin;scrollbar-color:#00000040;box-shadow:1px 1px 4px #00000040 inset,-1px -1px 4px #00000040 inset;resize:none;outline:1px solid transparent;transition:outline .15s ease-in-out}.result-row__textArea:focus{outline:1px solid var(--clr-primary)}.btn--copy,.btn--download{background:#fff;width:2.2rem;height:2.2rem;padding:.3rem;transition:background-color .15s ease-in-out,border .15s ease-in-out}.btn--copy:hover,.btn--download:hover{background-color:#f4f4f4;border:1px solid #707070}.btn--copy i{background:#000}.dropdown-menu--download{min-width:6rem;border-radius:.625rem;transition:background-color .15s ease-in-out,color .15s ease-in-out}.dropdown-menu--download-all{width:100%;min-width:6rem!important;border-radius:.625rem}.dropdown-menu--download-all.show[data-popper-placement=bottom-start]{top:.3rem!important}.dropdown-menu--download-all.show[data-popper-placement=top-start]{bottom:.3rem!important}.dropdown-menu__item{cursor:pointer}.dropdown-menu__item:hover{background-color:var(--clr-primary);color:#fff}.result-row__error{color:#ff2e2e;font-size:1.25rem}.result-loader__label,.result-loader__percentage{font-size:1.25rem}.result-loader__label{width:0;flex-grow:1;overflow-wrap:break-word}.result-loader__bar-container{background-color:#d9d9d9;height:.5rem;border-radius:.9375rem}.result-loader__bar{background-color:#4caf50;border-radius:.9375rem;width:var(--width)}.dialog-box{max-width:1280px;z-index:1000}.custom-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:999}.modal-header__text{color:#111827;font-weight:600}.modal-header__close-btn{padding:.375rem;transition:background-color .3s ease}.modal-header__close-btn:hover{background-color:#e5e7eb!important}.modal-header__close-btn i{background:#000}.cropper-action-container__text{font-size:.875rem}.cropper-action-container__btn{background:var(--clr-primary);display:block;width:100%;border-radius:.375rem;font-size:.875rem;color:#fff;border:none;transition:background-color .3s ease}.cropper-action-container__btn:hover{background-color:var(--clr-primary-hover)}.cropper-img-container{background-color:#f7f7f7;min-height:12.5rem;max-height:31rem}.cropper-img-container>img{max-width:100%}@media (min-width: 576px){.upload-section__upload-label img{width:3.75rem;height:3.75rem}.upload-section__desc{font-size:1.25rem;color:#707070}.upload-section__image-url{max-width:410px}.img-info__name{width:7rem;overflow-wrap:break-word}.result-state{height:7.4375rem}.btn--copy,.btn--download{width:2.75rem;height:2.75rem}.img-info__container{width:68px;height:76px}.upload-section__limit-msg,.security-msg,.name_selected_image__file-name{font-size:1rem}.result-count{font-size:1.75rem}.btn--upload,.btn--url{font-size:.92rem}.result-row__img-info{border:1px solid #e0dada;border-radius:.625rem;box-shadow:#00000026 1px 1px 2px inset,#00000026 -1px -1px 2px inset}.img-info__name{padding-inline:.3rem}}@media (min-width: 768px){.cropper-img-container{min-height:31rem}}@media (min-width: 992px){#tool-state{min-height:365px}#uploadSection,#uploadPreviewSection{width:0}#uploadPreviewSection .sub-child,#uploadSection .sub-child,#resultSection .sub-child{height:0}#uploadSection .sub-child{padding-block:82px 0}.action-btn{min-width:10.43rem;font-size:1.125rem}#tool-state[data-state=post-upload] #uploadPreviewSection{padding-inline-start:.625rem}#uploadSection,#uploadPreviewSection{transition:flex-basis .3s ease-in-out,padding-inline .3s ease-in-out}#resultSection{min-height:0px;transition:flex-basis .3s ease-in-out,padding-inline .3s ease-in-out,min-height .5s ease-in-out}.cropper-action-container__text,.cropper-action-container__btn{font-size:1.125rem}.uploadSection__action-btns{margin-block:.75rem}.image-url__container{--margin-bottom: .25rem}.result-count{white-space:nowrap}}.custom-loader{width:1rem;height:1rem;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
