@import url("https://fonts.googleapis.com/css2?family=42dot+Sans:wght@300..800&display=swap");*{font-family:"42dot Sans",serif}:root{--background:#fffbf6;--foreground:#5f5f5f}#main{width:100vw;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}h1{margin:30px}#logo{width:200px}.filebox{display:flex;flex-direction:row;margin-top:10px;width:400px}.filebox .upload-name{display:inline-block;padding:0 10px;border:.1px solid #ddd;width:78%;cursor:default}.filebox .upload-name,.filebox label{height:40px;vertical-align:middle;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1)}.filebox label{display:flex;justify-content:center;align-items:center;padding:10px 20px;color:#fff;background-color:#f08218;cursor:pointer;margin-left:10px;font-size:.9rem;white-space:nowrap}.filebox .input-file{position:absolute;width:0;height:0;padding:0;overflow:hidden;border:0}#submit{margin-top:10px;padding:10px 20px;color:#fff;vertical-align:middle;background-color:#f08218;cursor:pointer;height:40px;border-radius:20px;font-size:.9rem;border:0;box-shadow:0 0 10px rgba(0,0,0,.1)}#submit,body,html{display:flex;justify-content:center;align-items:center}body,html{overflow-x:hidden}.box,body,form,html{flex-direction:column}.box,form{width:600px;height:400px;background-color:#fff;display:flex;align-items:center;justify-content:center;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:10px}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:#fff;width:90%;overflow:auto;max-width:400px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;text-align:center}.modal-content>div{min-height:200px;height:auto;padding:15px}.modal-content .loading-icon,.modal-content>div{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly}.modal-content .loading-icon{overflow:auto;padding:10px}.modal-close-btn{padding:10px 20px;color:#fff;vertical-align:middle;background-color:#f08218;cursor:pointer;height:40px;border-radius:20px;font-size:.9rem;border:0;box-shadow:0 0 10px rgba(0,0,0,.1)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-icon{animation:rotate 2s linear infinite;width:80px;height:80px}.icon{position:relative;width:60px;height:60px;margin:10px}.btn-wrap{width:200px;display:flex;flex-direction:row;justify-content:space-around;margin:10px}.btn{padding:10px 20px;color:#fff;vertical-align:middle;background-color:#f08218;cursor:pointer;height:40px;border-radius:20px;font-size:.9rem;border:0;box-shadow:0 0 10px rgba(0,0,0,.1)}.upload-icon{width:50px;height:50px}.warning{color:red;font-weight:700;margin:10px}.notice{margin-top:20px}.input-text{display:inline-block;height:40px;padding:0 10px;vertical-align:middle;border:.1px solid #ddd;border-radius:20px;width:250px;box-shadow:0 0 10px rgba(0,0,0,.1);font-size:16px;margin-bottom:20px}.img-box{width:580px;max-width:90vw;height:150px;overflow:hidden;margin:0 auto;display:flex;align-items:center;justify-content:center}.img-font{width:150%;object-fit:cover;object-position:center}.custom-select{position:relative;width:250px;font-size:16px}.selected-option{padding:10px;border:.1px solid #ddd;border-radius:20px;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;color:#333;margin-bottom:20px;background-color:#fff}.selected-option:hover{background-color:#f0f0f0}.arrow{font-size:12px;transition:transform .3s ease}.arrow.open{transform:rotate(180deg)}.options{position:absolute;top:70%;left:0;right:0;background-color:#fff;border:.1px solid #ddd;border-radius:20px;width:100%;box-shadow:0 0 10px rgba(0,0,0,.1);max-height:150px;overflow-y:auto;z-index:10}.option{padding:10px;cursor:pointer;font-size:16px}.option:hover{background-color:#fff}.option:active{background-color:#ddd}@media (max-width:768px){.box,form{background-color:#ffffff00;flex-direction:column;align-items:center;justify-content:flex-start;border-radius:20px;box-shadow:0 0 0 rgba(0,0,0,.1);margin-bottom:0}.box,.filebox,form{width:90vw;display:flex}.filebox{flex-direction:row;margin-top:10px}h1{margin:10px}.img-box{margin-top:20px;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);margin-bottom:0;background-color:#fff}}.loading-spinner{display:flex;justify-content:center;align-items:center;min-height:100px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#f08218;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}