body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{background:none;border:none;border-collapse:collapse;border-spacing:0;box-sizing:border-box;color:inherit;list-style:none;margin:0;outline:none;padding:0;scroll-behavior:smooth;text-decoration:none}.custom-file-select{cursor:pointer;padding:12px 20px!important}.button,button{align-items:center;background:#342e37;border-radius:8px;box-shadow:0 4px 8px 0 rgba(61,39,72,.376);color:#faf1fa;display:flex;font-size:14px;gap:12px;justify-content:center;padding:8px 12px;transition:all .2s ease-in-out}.button.outline,button.outline{background:#0000;border:1px solid #342e37;box-shadow:0 2px 4px 0 rgba(61,39,72,.188);color:#342e37}.title{font-size:18px;margin-bottom:12px}.error-message,.info{font-size:12px}.error-message{color:#ed2210}.top-bar{align-items:center;background-color:#f1af00;display:flex;height:42px;justify-content:space-between;padding:8px 12px;width:100%}.top-bar .logo{height:100%}.file-drop-zone{align-items:center;background-color:#efebf1;border:2px dashed #cfc8d2;border-radius:8px;display:flex;flex-direction:column;height:400px;justify-content:space-around;padding:24px;width:100%}.file-drop-zone .upload-files-container{align-items:center;display:flex;flex-direction:column;gap:12px}.file-drop-zone .uploaded-file-list{width:50%}@media (max-width:768px){.file-drop-zone .uploaded-file-list{width:100%}}.file-drop-zone .uploaded-file-list li{align-items:center;border-bottom:1px solid #cfc8d2;display:flex;font-size:14px;gap:4px;margin-bottom:12px;padding-bottom:12px}.file-drop-zone .uploaded-file-list li .icon{font-size:16px}.file-drop-zone .uploaded-file-list li .name{margin-right:12px}.file-drop-zone .uploaded-file-list li .size{margin-left:auto}.progress-bar{background:#342e37;border-radius:6px;box-shadow:0 2px 4px 0 rgba(61,39,72,.188);height:12px;margin-top:30px;padding:2px;width:100%}.progress-bar .progress-bar-inner{background-color:#f1af00;border-radius:4px;height:8px;width:0}.progress-bar .progress-bar-inner.optimizing{animation:load .4s ease forwards}@keyframes load{0%{width:0}to{width:100%}}.Yubi{background-color:#faf1fa;color:#342e37;font-size:16px;height:100vh;overflow:hidden;width:100vw}.Yubi,.app-container{align-items:center;display:flex;flex-direction:column}.app-container{gap:24px;height:100%;padding:24px;width:100%}@media (min-width:768px){.app-container{width:768px}}.optimizer,.processed-file-list{display:flex;flex-direction:column;height:100%;width:100%}.processed-file-list{gap:8px;margin-top:24px;overflow-y:auto}.processed-file-list .processed-file{align-items:center;display:flex;gap:12px;height:80px}.processed-file-list .processed-file .processed-image{background-color:#faf1fa;border-radius:8px;height:80px;overflow:hidden;width:80px}.processed-file-list .processed-file .processed-image img{height:100%;object-fit:cover;width:100%}.processed-file-list .processed-file .processed-file-info{display:flex;flex-direction:column;gap:8px}@font-face{font-display:block;font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-outlined.055a2a3ef73eeb1568f0.woff2) format("woff2")}.material-symbols-outlined{font-feature-settings:"liga";font-family:Material Symbols Outlined}@font-face{font-display:block;font-family:Material Symbols Rounded;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-rounded.f7258614a7f5b6601972.woff2) format("woff2")}.material-symbols-outlined,.material-symbols-rounded{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;direction:ltr;display:inline-block;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}.material-symbols-rounded{font-feature-settings:"liga";font-family:Material Symbols Rounded}@font-face{font-display:block;font-family:Material Symbols Sharp;font-style:normal;font-weight:100 700;src:url(/static/media/material-symbols-sharp.ae87cd7846bc913ac389.woff2) format("woff2")}.material-symbols-sharp{word-wrap:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga";direction:ltr;display:inline-block;font-family:Material Symbols Sharp;font-size:24px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-rendering:optimizeLegibility;text-transform:none;white-space:nowrap}
/*# sourceMappingURL=main.cb006b3a.css.map*/