.image-converter{*{transition-duration:.15s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#upload-area{transition-duration:.15s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#upload-area:hover{--tw-scale-x:1.01;--tw-scale-y:1.01;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#add-more-area{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#add-more-area:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}#add-more-area:hover:is(.dark *) a[data-lb]{--tw-text-opacity:1;color:rgb(var(--color-primary-500)/var(--tw-text-opacity,1))}#add-more-area:hover:is(.dark *) a[data-lb]:hover{--tw-text-opacity:1;color:rgb(var(--color-primary-700)/var(--tw-text-opacity,1))}#add-more-area:hover:is(.dark *){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}button{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}button:active:not(:disabled){--tw-scale-x:0.98;--tw-scale-y:0.98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}select:focus:is(.dark *){--tw-ring-offset-color:#1f2937}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.5rem;height:.5rem}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-duration:.15s;-webkit-transition-property:box-shadow;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=range]::-webkit-slider-thumb,input[type=range]::-webkit-slider-thumb:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}input[type=range]::-webkit-slider-thumb:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}input[type=range]::-moz-range-thumb{border-radius:9999px;border-width:0;cursor:pointer;height:1.25rem;width:1.25rem;--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);transition-duration:.15s;-moz-transition-property:box-shadow;transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=range]::-moz-range-thumb,input[type=range]::-moz-range-thumb:hover{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}input[type=range]::-moz-range-thumb:hover{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}input[type=range]::-webkit-slider-runnable-track{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}input[type=range]:is(.dark *)::-webkit-slider-runnable-track{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}input[type=range]::-moz-range-track{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}input[type=range]:is(.dark *)::-moz-range-track{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}input[type=range]:focus{outline:2px solid transparent;outline-offset:2px}input[type=range]:focus::-webkit-slider-thumb{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}input[type=range]:focus:is(.dark *)::-webkit-slider-thumb{--tw-ring-offset-color:#1f2937}img{height:auto;max-width:100%}[data-image-id]{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}[data-image-id]:hover{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}[data-image-id]:hover:is(.dark *){--tw-border-opacity:1;border-color:rgb(30 64 175/var(--tw-border-opacity,1))}.aspect-video{aspect-ratio:16/9}img{animation:fadeInImage .3s ease-in-out}@keyframes fadeInImage{0%{opacity:0}to{opacity:1}}.border-t{animation:slideInUp .4s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#upload-area.border-blue-500{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}input[type=file]{display:none}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{transform:none;--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:1024px){.lg\\:flex-row{flex-direction:column}.lg\\:flex-col{flex-direction:row}.lg\\:flex-col{justify-content:flex-end}}@media (max-width:640px){button{font-size:.75rem;line-height:1rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;padding-top:.5rem}button svg{height:.75rem;width:.75rem}.flex.gap-4{flex-direction:column}.px-6{padding-left:1rem;padding-right:1rem}.py-8{padding-bottom:1.5rem;padding-top:1.5rem}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid transparent;outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}button:focus-visible,input:focus-visible,select:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}button:focus-visible,input:focus-visible,select:focus-visible{--tw-ring-offset-width:2px}button:focus-visible:is(.dark *),input:focus-visible:is(.dark *),select:focus-visible:is(.dark *){--tw-ring-offset-color:#1f2937}@media print{.image-converter{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}button,input,select{display:none}[data-image-id]{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1));page-break-inside:avoid}}@media (prefers-contrast:high){.image-converter{border-width:2px;--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.image-converter:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}[data-image-id],button{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-property:none}button:hover{transform:none}}.converting{opacity:.6;pointer-events:none;position:relative}.converting:after{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;content:"";height:32px;left:50%;margin:-16px 0 0 -16px;position:absolute;top:50%;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.absolute.bottom-2{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-green-600,.text-orange-600{font-weight:600}.overflow-auto{scrollbar-color:#9ca3af transparent;scrollbar-width:thin}.overflow-auto::-webkit-scrollbar{height:8px;width:8px}.overflow-auto::-webkit-scrollbar-track{background-color:transparent}.overflow-auto::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.overflow-auto:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.overflow-auto::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}.overflow-auto:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}#upload-area svg{transition-duration:.15s;transition-duration:.3s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}#upload-area:hover svg{--tw-scale-x:1.1;--tw-scale-y:1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}#download-all-btn{transition-duration:.15s;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}#download-all-btn:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.bg-gray-100.dark\\:bg-gray-900{background-image:linear-gradient(45deg,rgba(0,0,0,.05) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.05) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.05) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.05) 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}@media (prefers-color-scheme:dark){.dark\\:bg-gray-900{background-image:linear-gradient(45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(-45deg,hsla(0,0%,100%,.03) 25%,transparent 0),linear-gradient(45deg,transparent 75%,hsla(0,0%,100%,.03) 0),linear-gradient(-45deg,transparent 75%,hsla(0,0%,100%,.03) 0)}}}