@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-border-style:solid;--tw-tracking:initial;--tw-ease:initial;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}.cropper-container{-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;direction:ltr;font-size:0;line-height:0;position:relative}.cropper-container img{backface-visibility:hidden;image-orientation:0deg;width:100%;height:100%;display:block;min-width:0!important;max-width:none!important;min-height:0!important;max-height:none!important}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{position:absolute;inset:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{opacity:0;background-color:#fff}.cropper-modal{opacity:.5;background-color:#000}.cropper-view-box{outline:1px solid #3399ffbf;width:100%;height:100%;display:block;overflow:hidden}.cropper-dashed{opacity:.5;border:0 dashed #eee;display:block;position:absolute}.cropper-dashed.dashed-h{border-top-width:1px;border-bottom-width:1px;width:100%;height:33.3333%;top:33.3333%;left:0}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;width:33.3333%;height:100%;top:0;left:33.3333%}.cropper-center{opacity:.75;width:0;height:0;display:block;position:absolute;top:50%;left:50%}.cropper-center:before,.cropper-center:after{content:" ";background-color:#eee;display:block;position:absolute}.cropper-center:before{width:7px;height:1px;top:0;left:-3px}.cropper-center:after{width:1px;height:7px;top:-3px;left:0}.cropper-face,.cropper-line,.cropper-point{opacity:.1;width:100%;height:100%;display:block;position:absolute}.cropper-face{background-color:#fff;top:0;left:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;width:5px;top:0;right:-3px}.cropper-line.line-n{cursor:ns-resize;height:5px;top:-3px;left:0}.cropper-line.line-w{cursor:ew-resize;width:5px;top:0;left:-3px}.cropper-line.line-s{cursor:ns-resize;height:5px;bottom:-3px;left:0}.cropper-point{opacity:.75;background-color:#39f;width:5px;height:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;top:50%;right:-3px}.cropper-point.point-n{cursor:ns-resize;margin-left:-3px;top:-3px;left:50%}.cropper-point.point-w{cursor:ew-resize;margin-top:-3px;top:50%;left:-3px}.cropper-point.point-s{cursor:s-resize;margin-left:-3px;bottom:-3px;left:50%}.cropper-point.point-ne{cursor:nesw-resize;top:-3px;right:-3px}.cropper-point.point-nw{cursor:nwse-resize;top:-3px;left:-3px}.cropper-point.point-sw{cursor:nesw-resize;bottom:-3px;left:-3px}.cropper-point.point-se{cursor:nwse-resize;opacity:1;width:20px;height:20px;bottom:-3px;right:-3px}@media(min-width:768px){.cropper-point.point-se{width:15px;height:15px}}@media(min-width:992px){.cropper-point.point-se{width:10px;height:10px}}@media(min-width:1200px){.cropper-point.point-se{opacity:.75;width:5px;height:5px}}.cropper-point.point-se:before{content:" ";opacity:0;background-color:#39f;width:200%;height:200%;display:block;position:absolute;bottom:-50%;right:-50%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{width:0;height:0;display:block;position:absolute}.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}@layer components{.btn-primary{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-xl,.75rem);--tw-gradient-position:to bottom right;display:inline-flex}@supports (background-image:linear-gradient(in lab,red,red)){.btn-primary{--tw-gradient-position:to bottom right in oklab}}.btn-primary{background-image:linear-gradient(var(--tw-gradient-stops));--tw-gradient-from:var(--color-primary,#3487c8);--tw-gradient-to:var(--color-blue-mid,#0085ff);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position));padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary,#3487c8)25%,transparent)var(--tw-shadow-alpha),transparent);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.btn-primary:hover{--tw-shadow-color:#3487c866}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-primary,#3487c8)40%,transparent)var(--tw-shadow-alpha),transparent)}}.btn-primary:hover{--tw-brightness:brightness(110%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}.btn-primary:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.btn-primary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-gradient-position:to bottom left}@supports (background-image:linear-gradient(in lab,red,red)){.btn-primary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-gradient-position:to bottom left in oklab}}.btn-primary:where(:dir(rtl),[dir=rtl],[dir=rtl] *){background-image:linear-gradient(var(--tw-gradient-stops))}.btn-primary .icon{background-color:var(--color-white,#fff);flex-shrink:0}.btn-primary-outline{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#3487c866;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.btn-primary-outline{border-color:color-mix(in oklab,var(--color-primary,#3487c8)40%,transparent)}}.btn-primary-outline{background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-primary,#3487c8);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){.btn-primary-outline:hover{border-color:var(--color-primary,#3487c8);background-color:#3487c80d}@supports (color:color-mix(in lab,red,red)){.btn-primary-outline:hover{background-color:color-mix(in oklab,var(--color-primary,#3487c8)5%,transparent)}}}.btn-primary-outline:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.btn-primary-outline:disabled{cursor:not-allowed;opacity:.6}.btn-primary-outline .icon{background-color:var(--color-primary,#3487c8);flex-shrink:0}#jpg-to-png-page>*{margin-bottom:calc(var(--spacing,.25rem)*3)}#jpg-to-png-page>:last-child{margin-bottom:calc(var(--spacing,.25rem)*0)}#jpg-to-png-page{flex-direction:column;justify-content:center;align-items:center;display:flex}#jpg-to-png-page #title{text-align:center;font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--color-gray-900,oklch(21% .034 264.665))}@media(min-width:576px){#jpg-to-png-page #title{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ))}}@media(min-width:769px){#jpg-to-png-page #title{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5/2.25)))}}#jpg-to-png-page #subtitle{text-align:center;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-gray-500,oklch(55.1% .027 264.364))}@media(min-width:576px){#jpg-to-png-page #subtitle{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}#jpg-to-png-page .zone-children-wrapper{padding:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*4);flex-direction:column;justify-content:center;align-items:center;display:flex}@media(min-width:992px){#jpg-to-png-page .zone-children-wrapper{padding-top:calc(var(--spacing,.25rem)*11)}}#jpg-to-png-page #tool-area{width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));border-radius:20px;display:flex;overflow:hidden}@media(min-width:992px){#jpg-to-png-page #tool-area{height:calc(var(--spacing,.25rem)*85)}}#jpg-to-png-page #tool-area div.tool-btns-container{margin-top:calc(var(--spacing,.25rem)*3);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2.5);display:flex}#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);max-width:90%;padding:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);flex-wrap:nowrap;flex:none;display:flex}#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn:disabled{cursor:not-allowed!important}@media(min-width:576px){#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn{max-width:var(--container-xs,20rem)}}@media(min-width:992px){#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn{padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*2.25)}}#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn span{font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5)}@media(min-width:992px){#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn span{font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area div.tool-btns-container .upload-btn .icon{background-color:var(--color-white,#fff)}#jpg-to-png-page #tool-area #dnd-zone{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-primary,#3487c8);background-color:var(--color-white,#fff);--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));width:100%;transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));border-radius:20px;flex-shrink:0;transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)))!important;transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))!important}#jpg-to-png-page #tool-area #dnd-zone.hovering{background-color:#3487c81a}@supports (color:color-mix(in lab,red,red)){#jpg-to-png-page #tool-area #dnd-zone.hovering{background-color:color-mix(in oklab,var(--color-primary,#3487c8)10%,transparent)}}#jpg-to-png-page #tool-area #dnd-zone.hovering{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}#jpg-to-png-page #tool-area #dnd-zone #jpg-icon-btn{cursor:pointer}#jpg-to-png-page #tool-area #dnd-zone p.heading{margin-top:calc(var(--spacing,.25rem)*3);text-align:center;--tw-leading:var(--leading-normal,1.5);font-size:15px;line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:#707070}@media(min-width:992px){#jpg-to-png-page #tool-area #dnd-zone p.heading{font-size:20px}}#jpg-to-png-page #tool-area #dnd-zone div.files-instruction{margin-top:calc(var(--spacing,.25rem)*3);align-items:center;gap:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--leading-normal,1.5);color:#707070;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #dnd-zone div.files-instruction{font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area #dnd-zone p.data-security-text{margin-top:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-xl,.75rem);padding:calc(var(--spacing,.25rem)*2);text-align:center;font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:#aaa;background-color:#f8f8f8}@media(min-width:992px){#jpg-to-png-page #tool-area #dnd-zone p.data-security-text{padding-inline:calc(var(--spacing,.25rem)*5);font-size:var(--text-sm,.875rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);border-radius:3.40282e38px}}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper{height:100%;width:calc(var(--spacing,.25rem)*50);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;display:grid;position:relative;overflow:hidden}@media(min-width:769px){#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper{width:calc(var(--spacing,.25rem)*75)}}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper>div{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;position:relative;overflow:hidden}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper[aria-expanded=true]{margin-top:calc(var(--spacing,.25rem)*3);opacity:1;grid-template-rows:1fr}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper[aria-expanded=false]{opacity:0;grid-template-rows:0fr}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .input-url{width:100%;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-gray-300,oklch(87.2% .01 258.338));--tw-ring-inset:inset;background-color:#f5f5f5;border-radius:10px;padding-inline-end:calc(var(--spacing,.25rem)*8)}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .input-url::placeholder{font-size:var(--text-xs,.75rem);line-height:var(--leading-normal,1.5);color:#7e7e7e}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .input-url:focus{--tw-ring-color:var(--color-primary,#3487c8)}@media(min-width:992px){#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .input-url{height:calc(var(--spacing,.25rem)*10);font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .input-url::placeholder{font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area #dnd-zone .input-url-wrapper .imageFromUrlBtn{inset-inline-end:calc(var(--spacing,.25rem)*3);top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);cursor:pointer;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute}#jpg-to-png-page #tool-area #images-list-container{background-color:var(--color-white,#fff);width:100%;padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*3);transition-property:opacity,transform,height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));border-radius:20px;flex-direction:column;flex-shrink:0;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container{height:calc(var(--spacing,.25rem)*85);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container{margin:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*7);justify-content:flex-start}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container{height:calc(var(--spacing,.25rem)*9)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2{height:100%;min-width:calc(var(--spacing,.25rem)*22);align-items:center;gap:calc(var(--spacing,.25rem)*.5);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*0);flex:none}@media(min-width:576px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2{min-width:calc(var(--spacing,.25rem)*28.5)}}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2{gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*2.5)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2 span{font-size:var(--text-xs,.75rem);line-height:var(--leading-normal,1.5)}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2 span{height:auto;font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2 .icon{margin-bottom:calc(var(--spacing,.25rem)*.5);width:calc(var(--spacing,.25rem)*2.5);height:calc(var(--spacing,.25rem)*2.5);background-color:var(--color-white,#fff);flex-shrink:0;display:none}@media(min-width:576px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2 .icon{display:inline-block}}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container #upload-btn-s2 .icon{margin-bottom:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container button#toggle-input-url-btn{padding:calc(var(--spacing,.25rem)*2)}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url-wrapper{flex-grow:1;width:66.6667%;height:100%;position:relative}@media(min-width:360px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url-wrapper{max-width:calc(var(--spacing,.25rem)*65)}}@media(min-width:769px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url-wrapper{width:25%}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url-wrapper{direction:ltr}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);--tw-border-style:solid;border-style:solid;border-width:1px;border-color:color-mix(in oklab,var(--color-primary,#3487c8)60%,transparent);width:100%;height:100%;padding-inline:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);padding-inline-end:calc(var(--spacing,.25rem)*8)}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url::placeholder{font-size:var(--text-xs,.75rem);line-height:var(--leading-normal,1.5)}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url,#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .input-url::placeholder{font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area #images-list-container .tool-btns-container .imageFromUrlBtn{inset-inline-end:calc(var(--spacing,.25rem)*2);top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);cursor:pointer;justify-content:center;align-items:center;margin:auto;display:flex;position:absolute}#jpg-to-png-page #tool-area #images-list-container #images-list-btns #clear-btn,#jpg-to-png-page #tool-area #images-list-container #images-list-btns #convert-btn{min-width:160px!important}#jpg-to-png-page #tool-area #images-list{margin-top:calc(var(--spacing,.25rem)*2);max-height:calc(var(--spacing,.25rem)*148);gap:calc(var(--spacing,.25rem)*2.25);border-style:var(--tw-border-style);border-width:1px;border-color:#3487c899;border-radius:10px;flex-direction:column;flex-grow:1;display:flex;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){#jpg-to-png-page #tool-area #images-list{border-color:color-mix(in oklab,var(--color-primary,#3487c8)60%,transparent)}}#jpg-to-png-page #tool-area #images-list{padding:calc(var(--spacing,.25rem)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list{min-height:calc(var(--spacing,.25rem)*70);gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*2.5)}}#jpg-to-png-page #tool-area #images-list{scrollbar-gutter:stable both-edges}#jpg-to-png-page #tool-area #images-list::-webkit-scrollbar{width:calc(var(--spacing,.25rem)*2);background-color:#0000}#jpg-to-png-page #tool-area #images-list::-webkit-scrollbar-thumb{width:calc(var(--spacing,.25rem)*.5);border-right-style:var(--tw-border-style);border-right-width:3px;border-left-style:var(--tw-border-style);background-color:var(--color-primary,#3487c8);padding-block:calc(var(--spacing,.25rem)*2);background-clip:padding-box;border-color:#0000;border-left-width:3px;border-radius:3.40282e38px}#jpg-to-png-page #tool-area #images-list.hovering{background-color:#3487c81a!important}@supports (color:color-mix(in lab,red,red)){#jpg-to-png-page #tool-area #images-list.hovering{background-color:color-mix(in oklab,var(--color-primary,#3487c8)10%,transparent)!important}}#jpg-to-png-page #tool-area #images-list .image-list-item{height:calc(var(--spacing,.25rem)*11.25);align-items:center;gap:calc(var(--spacing,.25rem)*2.5);opacity:1;transition-property:ease .5s allow-discrete;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));background-color:#f0f0f0;border-radius:10px;flex-wrap:nowrap;padding:4px 8px;transition-delay:.2s;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list .image-list-item{padding:4px 12px}}@starting-style{#jpg-to-png-page #tool-area #images-list .image-list-item{opacity:0}}#jpg-to-png-page #tool-area #images-list .image-list-item .info{width:calc(var(--spacing,.25rem)*0);text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex-grow:1;justify-content:center;align-items:flex-start;display:flex;overflow:hidden}#jpg-to-png-page #tool-area #images-list .image-list-item .thumbnail{height:calc(var(--spacing,.25rem)*9.25);width:calc(var(--spacing,.25rem)*11);border-radius:var(--radius-md,.375rem);background-color:var(--color-white,#fff);object-fit:contain;flex-grow:0;flex-shrink:0}@media(min-width:992px){#jpg-to-png-page #tool-area #images-list .image-list-item .thumbnail{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*14)}}#jpg-to-png-page #tool-area #images-list .image-list-item .filename{margin-bottom:calc(var(--spacing,.25rem)*0);text-overflow:ellipsis;white-space:nowrap;--tw-font-weight:var(--font-weight-semibold,600);max-width:100%;font-size:.875rem;font-weight:var(--font-weight-semibold,600);color:var(--color-black,#000);align-self:stretch;overflow:hidden}#jpg-to-png-page #tool-area #images-list .image-list-item .filesize{font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-gray-400,oklch(70.7% .022 261.325));direction:ltr}#jpg-to-png-page #tool-area #images-list .image-list-item .view-btn{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);background-color:#6a728233;display:flex}@supports (color:color-mix(in lab,red,red)){#jpg-to-png-page #tool-area #images-list .image-list-item .view-btn{background-color:color-mix(in oklab,var(--color-gray-500,oklch(55.1% .027 264.364))20%,transparent)}}#jpg-to-png-page #tool-area #images-list .image-list-item .view-btn{padding:calc(var(--spacing,.25rem)*1.5);color:#616161}#jpg-to-png-page #tool-area #images-list .image-list-item .view-btn .icon{width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5);background-color:#616161;flex-shrink:0}@media(min-width:576px){#jpg-to-png-page #tool-area #images-list .image-list-item .view-btn .icon{width:calc(var(--spacing,.25rem)*4.5);height:calc(var(--spacing,.25rem)*4.5)}}#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);background-color:#3487c833;display:flex}@supports (color:color-mix(in lab,red,red)){#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn{background-color:color-mix(in oklab,var(--color-primary,#3487c8)20%,transparent)}}#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn{padding:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5);color:#616161}@media(min-width:769px){#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn{padding-inline:calc(var(--spacing,.25rem)*3)}}#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn .icon{width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5);background-color:#616161;flex-shrink:0}@media(min-width:576px){#jpg-to-png-page #tool-area #images-list .image-list-item .crop-btn .icon{width:calc(var(--spacing,.25rem)*4.5);height:calc(var(--spacing,.25rem)*4.5)}}#jpg-to-png-page #tool-area #images-list .image-list-item .delete-btn{cursor:pointer;gap:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-md,.375rem);background-color:var(--color-red-200,oklch(88.5% .062 18.334));padding:calc(var(--spacing,.25rem)*1.5);color:#616161;display:flex}#jpg-to-png-page #tool-area #images-list .image-list-item .delete-btn .icon{width:calc(var(--spacing,.25rem)*3.5);height:calc(var(--spacing,.25rem)*3.5);background-color:var(--color-red-600,oklch(57.7% .245 27.325));flex-shrink:0}@media(min-width:576px){#jpg-to-png-page #tool-area #images-list .image-list-item .delete-btn .icon{width:calc(var(--spacing,.25rem)*4.5);height:calc(var(--spacing,.25rem)*4.5)}}#jpg-to-png-page #tool-area #results-container{background-color:var(--color-white,#fff);width:100%;padding-bottom:calc(var(--spacing,.25rem)*3);transition-property:background,opacity,transform;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));border-radius:20px;flex-direction:column;flex-shrink:0;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #results-container{padding-bottom:calc(var(--spacing,.25rem)*2)}}#jpg-to-png-page #tool-area #results-container #result-btns{margin-top:calc(var(--spacing,.25rem)*3);justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);flex-wrap:wrap;flex-shrink:0;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #results-container #result-btns{gap:calc(var(--spacing,.25rem)*5)}}#jpg-to-png-page #tool-area #results-container #images-list{margin-top:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*2.5);border-style:var(--tw-border-style);--tw-border-style:none;padding:calc(var(--spacing,.25rem)*2);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-style:none;border-width:1px;border-radius:10px;flex-direction:column;flex-grow:1;transition-duration:.3s;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-area #results-container #images-list{gap:calc(var(--spacing,.25rem)*2.5);padding:calc(var(--spacing,.25rem)*2.5)}}#jpg-to-png-page #tool-area #results-container #images-list.bordered{--tw-border-style:solid;border-style:solid;border-color:var(--color-primary,#3487c8);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));border-radius:20px}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item{height:calc(var(--spacing,.25rem)*14);align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*2);background-color:#f8f8f8;display:flex}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .thumbnail{width:calc(var(--spacing,.25rem)*10);height:calc(var(--spacing,.25rem)*10);object-fit:cover;flex-shrink:0}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .progress-container{justify-content:center;gap:calc(var(--spacing,.25rem)*.5);min-width:50%;padding-inline:calc(var(--spacing,.25rem)*3);flex-direction:column;flex-shrink:0;display:flex}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .progress-container .count{font-size:var(--text-xs,.75rem);--tw-leading:var(--leading-normal,1.5);line-height:var(--leading-normal,1.5);color:var(--color-primary,#3487c8)}@media(min-width:992px){#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .progress-container .count{font-size:var(--text-sm,.875rem);line-height:var(--leading-normal,1.5)}}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .download-btn-wrapper{justify-content:flex-end;align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-shrink:0;display:flex}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .download-btn-wrapper .download-btn{max-width:100%}#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .download-btn-wrapper .download-btn span{text-overflow:ellipsis;white-space:nowrap;display:none;overflow:hidden}@media(min-width:576px){#jpg-to-png-page #tool-area #results-container #images-list .image-list-item .download-btn-wrapper .download-btn span{display:inline-block}}#jpg-to-png-page #tool-area[data-visible-layout=initial-dnd] #dnd-zone{opacity:1}#jpg-to-png-page #tool-area[data-visible-layout=initial-dnd] #images-list-container,#jpg-to-png-page #tool-area[data-visible-layout=initial-dnd] #results-container{opacity:0}:is(#jpg-to-png-page #tool-area[data-visible-layout=initial-dnd] #images-list-container,#jpg-to-png-page #tool-area[data-visible-layout=initial-dnd] #results-container) #images-list{max-height:calc(var(--spacing,.25rem)*0)}#jpg-to-png-page #tool-area[data-visible-layout=images-list]{height:auto}@media(min-width:992px){#jpg-to-png-page #tool-area[data-visible-layout=images-list]{max-height:calc(var(--spacing,.25rem)*164)}}#jpg-to-png-page #tool-area[data-visible-layout=images-list] #images-list-container{height:auto;max-height:calc(var(--spacing,.25rem)*166);--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}#jpg-to-png-page #tool-area[data-visible-layout=images-list] #images-list-container:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}#jpg-to-png-page #tool-area[data-visible-layout=images-list] #dnd-zone,#jpg-to-png-page #tool-area[data-visible-layout=images-list] #results-container{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}:is(#jpg-to-png-page #tool-area[data-visible-layout=images-list] #dnd-zone,#jpg-to-png-page #tool-area[data-visible-layout=images-list] #results-container):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}#jpg-to-png-page #tool-area[data-visible-layout=results]{height:auto;overflow:hidden}@media(min-width:992px){#jpg-to-png-page #tool-area[data-visible-layout=results]{max-height:calc(var(--spacing,.25rem)*151)}}#jpg-to-png-page #tool-area[data-visible-layout=results] #results-container{--tw-translate-x: -200% ;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s;overflow:hidden}#jpg-to-png-page #tool-area[data-visible-layout=results] #results-container:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:200%;translate:var(--tw-translate-x)var(--tw-translate-y)}#jpg-to-png-page #tool-area[data-visible-layout=results] #results-container #images-list{height:auto;max-height:calc(var(--spacing,.25rem)*151)}#jpg-to-png-page #tool-area[data-visible-layout=results] #dnd-zone,#jpg-to-png-page #tool-area[data-visible-layout=results] #images-list-container{height:auto;max-height:calc(var(--spacing,.25rem)*151);--tw-translate-x: -200% ;translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;transition-duration:.3s}:is(#jpg-to-png-page #tool-area[data-visible-layout=results] #dnd-zone,#jpg-to-png-page #tool-area[data-visible-layout=results] #images-list-container):where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-translate-x:200%;translate:var(--tw-translate-x)var(--tw-translate-y)}#jpg-to-png-page #tool-footer{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);width:100%;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-ease:var(--ease-in-out,cubic-bezier(.4,0,.2,1));transition-duration:.3s;transition-timing-function:var(--ease-in-out,cubic-bezier(.4,0,.2,1));flex-direction:column;display:flex;overflow:hidden}@media(min-width:769px){#jpg-to-png-page #tool-footer{flex-direction:row}}@media(min-width:992px){#jpg-to-png-page #tool-footer{gap:calc(var(--spacing,.25rem)*5)}}#jpg-to-png-page #tool-footer[aria-expanded=true]{max-height:calc(var(--spacing,.25rem)*40);opacity:1}#jpg-to-png-page #tool-footer[aria-expanded=false]{margin:calc(var(--spacing,.25rem)*0);max-height:calc(var(--spacing,.25rem)*0);opacity:0}#jpg-to-png-page #tool-footer .btns-wrapper{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*3);flex-wrap:wrap;width:100%;padding:1px;display:flex}@media(min-width:992px){#jpg-to-png-page #tool-footer .btns-wrapper{gap:calc(var(--spacing,.25rem)*5)}}#jpg-to-png-page #tool-footer[data-visible-layout=initial-dnd] #images-list-btns,#jpg-to-png-page #tool-footer[data-visible-layout=initial-dnd] #result-btns{display:none}#jpg-to-png-page #tool-footer[data-visible-layout=images-list] #images-list-btns{display:flex}#jpg-to-png-page #tool-footer[data-visible-layout=images-list] #result-btns{display:none}#jpg-to-png-page #tool-footer[data-visible-layout=results] #result-btns{display:flex}#jpg-to-png-page #tool-footer[data-visible-layout=results] #images-list-btns{display:none}#jpg-to-png-page #tool-footer #clear-btn,#jpg-to-png-page #tool-footer #start-over-btn{min-width:calc(var(--spacing,.25rem)*28);order:2}@media(min-width:360px){#jpg-to-png-page #tool-footer #clear-btn,#jpg-to-png-page #tool-footer #start-over-btn{order:1}}@media(min-width:576px){#jpg-to-png-page #tool-footer #clear-btn,#jpg-to-png-page #tool-footer #start-over-btn{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}@media(min-width:769px){#jpg-to-png-page #tool-footer #clear-btn,#jpg-to-png-page #tool-footer #start-over-btn{min-width:calc(var(--spacing,.25rem)*40)}}#jpg-to-png-page #tool-footer #convert-btn,#jpg-to-png-page #tool-footer #download-zip-btn{min-width:calc(var(--spacing,.25rem)*28);order:1}@media(min-width:360px){#jpg-to-png-page #tool-footer #convert-btn,#jpg-to-png-page #tool-footer #download-zip-btn{order:2}}@media(min-width:576px){#jpg-to-png-page #tool-footer #convert-btn,#jpg-to-png-page #tool-footer #download-zip-btn{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}}@media(min-width:769px){#jpg-to-png-page #tool-footer #convert-btn,#jpg-to-png-page #tool-footer #download-zip-btn{min-width:calc(var(--spacing,.25rem)*40)}}.preview-modal-backdrop{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:40;width:100vw;height:100vh;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;background-color:#00000054;transition-duration:.3s;position:fixed}@starting-style{.preview-modal-backdrop{opacity:0}}#preview-modal{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;opacity:1;width:100%;height:calc(100% - 1rem);max-height:100%;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;justify-content:center;align-items:center;transition-duration:.3s;position:fixed;overflow:hidden auto}@starting-style{#preview-modal{opacity:0}}#preview-modal .modal-content{border-radius:var(--radius-lg,.5rem);background-color:var(--color-white,#fff);--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:relative}#preview-modal .modal-body{max-width:90vw;padding:calc(var(--spacing,.25rem)*4)}#preview-modal #close-btn{top:calc(var(--spacing,.25rem)*-2);right:calc(var(--spacing,.25rem)*-2);z-index:10;aspect-ratio:1;background-color:var(--color-red-500,oklch(63.7% .237 25.331));padding:calc(var(--spacing,.25rem)*1);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);border-radius:3.40282e38px;justify-content:center;align-items:center;display:flex;position:absolute}#preview-modal .icon.icon-cross{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);background-color:var(--color-white,#fff)}#preview-modal #preview-image{max-height:calc(var(--spacing,.25rem)*85);border-radius:var(--radius-md,.375rem);object-fit:contain;--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);max-width:100%;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-ring-color:var(--color-gray-200,oklch(92.8% .006 264.531))}@media(min-width:992px){#preview-modal #preview-image{max-height:70vh;max-width:calc(var(--spacing,.25rem)*150)}}#preview-modal .backdrop{max-height:100%;padding:calc(var(--spacing,.25rem)*4);position:relative}#cropper-modal{inset:calc(var(--spacing,.25rem)*0);z-index:50;width:100%;height:100%;padding:calc(var(--spacing,.25rem)*4);background-color:#08122366;justify-content:center;align-items:center;display:flex;position:fixed;overflow-y:auto}#cropper-modal .modal-window{width:100%;max-height:92vh;max-width:var(--container-5xl,64rem);border-radius:var(--radius-2xl,1rem);background-color:var(--color-white,#fff);--tw-shadow:0 30px 70px -25px var(--tw-shadow-color,#08122199);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);flex-direction:column;margin:auto;display:flex;position:relative;overflow:hidden}#cropper-modal .modal-header{align-items:center;gap:calc(var(--spacing,.25rem)*4);border-bottom-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4);border-color:#e7edf3;border-bottom-width:1px;display:flex}#cropper-modal .cropper-title{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-tight,-.025em);letter-spacing:var(--tracking-tight,-.025em);color:var(--color-gray-900,oklch(21% .034 264.665))}#cropper-modal .cropper-subtitle{margin-top:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--color-gray-500,oklch(55.1% .027 264.364))}#cropper-modal .cropper-x{width:calc(var(--spacing,.25rem)*9);height:calc(var(--spacing,.25rem)*9);cursor:pointer;border-style:var(--tw-border-style);background-color:var(--color-white,#fff);color:var(--color-gray-500,oklch(55.1% .027 264.364));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));border-width:1px;border-color:#e7edf3;border-radius:3.40282e38px;flex-shrink:0;place-items:center;margin-inline-start:auto;display:grid}@media(hover:hover){#cropper-modal .cropper-x:hover{background-color:var(--color-gray-100,oklch(96.7% .003 264.542));color:var(--color-gray-900,oklch(21% .034 264.665))}}#cropper-modal .cropper-x .icon{width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);background-color:var(--color-gray-600,oklch(44.6% .03 256.802))}#cropper-modal .modal-body{min-height:calc(var(--spacing,.25rem)*0);flex:1;grid-template-columns:repeat(1,minmax(0,1fr));display:grid;overflow-y:auto}@media(min-width:576px){#cropper-modal .modal-body{grid-template-columns:240px 1fr;overflow:visible}}@media(min-width:992px){#cropper-modal .modal-body{grid-template-columns:300px 1fr}}#cropper-modal .crop-options{gap:calc(var(--spacing,.25rem)*4);border-bottom-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*4);background-color:#f6f9fc;border-color:#e7edf3;border-bottom-width:1px;flex-direction:column;display:flex}@media(min-width:576px){#cropper-modal .crop-options{border-inline-end-style:var(--tw-border-style);border-inline-end-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:0;max-height:clamp(312px,55vh + 2rem,532px);overflow-y:auto}}@media(min-width:992px){#cropper-modal .crop-options{padding:calc(var(--spacing,.25rem)*5)}}#cropper-modal .crop-options button{overflow-wrap:anywhere}#cropper-modal .crop-hint{align-items:flex-start;gap:calc(var(--spacing,.25rem)*2.5);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);color:#39597a;background-color:#3487c814;border-width:1px;border-color:#3487c829;display:flex}#cropper-modal .crop-hint .icon{margin-top:calc(var(--spacing,.25rem)*.5);width:calc(var(--spacing,.25rem)*4);height:calc(var(--spacing,.25rem)*4);background-color:var(--color-primary,#3487c8);flex-shrink:0}#cropper-modal .crop-glabel{margin-bottom:calc(var(--spacing,.25rem)*2.5);--tw-font-weight:var(--font-weight-bold,700);font-size:11px;font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:var(--color-gray-400,oklch(70.7% .022 261.325));text-transform:uppercase}#cropper-modal .crop-grid2{gap:calc(var(--spacing,.25rem)*2.5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}#cropper-modal .crop-tile{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-xl,.75rem);border-style:var(--tw-border-style);border-width:1px;border-color:#3487c866;flex-direction:column;display:flex}@supports (color:color-mix(in lab,red,red)){#cropper-modal .crop-tile{border-color:color-mix(in oklab,var(--color-primary,#3487c8)40%,transparent)}}#cropper-modal .crop-tile{background-color:var(--color-white,#fff);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*3);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-primary,#3487c8);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;transition-duration:.2s}@media(hover:hover){#cropper-modal .crop-tile:hover{border-color:var(--color-primary,#3487c8);background-color:#3487c80d}@supports (color:color-mix(in lab,red,red)){#cropper-modal .crop-tile:hover{background-color:color-mix(in oklab,var(--color-primary,#3487c8)5%,transparent)}}}#cropper-modal .crop-tile:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}#cropper-modal .crop-tile .icon{width:calc(var(--spacing,.25rem)*5);height:calc(var(--spacing,.25rem)*5);background-color:var(--color-primary,#3487c8)}#cropper-modal .crop-revert{margin-top:auto}#cropper-modal .crop-preview{padding:calc(var(--spacing,.25rem)*4)}@media(min-width:576px){#cropper-modal .crop-preview{align-self:flex-start}}#cropper-modal .img-container{border-radius:var(--radius-xl,.75rem);text-align:center;background-color:#f1f5f9;width:100%;height:55vh;min-height:280px;max-height:500px;overflow:hidden}#cropper-modal .img-container img{max-width:100%;max-height:100%}#cropper-modal .modal-foot{align-items:center;gap:calc(var(--spacing,.25rem)*3);border-top-style:var(--tw-border-style);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*4);border-color:#e7edf3;border-top-width:1px;display:flex}#cropper-modal .crop-spacer{margin-inline-start:auto}}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-leading{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}