@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Alkalami&display=swap);:root{--clr-primary:#09f;--clr-primary-light:#68e1fd;--clr-primary-50:#f9fafb;--clr-primary-100:#f3f4f6;--clr-primary-200:#e5e7eb;--clr-primary-300:#d1d5db;--clr-primary-400:#9ca3af;--clr-primary-500:#6b7280;--clr-primary-600:#4b5563;--clr-primary-700:#374151;--clr-primary-800:#1f2937;--clr-primary-900:#111827;--clr-violet:#6d28d9;--clr-violet-dark:#5b21b6;--clr-violet-light:#ddd6fe;--clr-secondary:#6b7280;--clr-secondary-dark:#374151;--clr-secondary-light:#e5e7eb;--clr-green:#16a34a;--clr-green-dark:#15803d;--clr-green-light:#90ee8a;--clr-yellow:#eab308;--clr-yellow-dark:#a16207;--clr-yellow-light:#fef08a;--clr-red:#dc2626;--clr-red-dark:#b91c1c;--clr-red-light:#ffcdce;--clr-blue:#60a5fa;--clr-blue-dark:#1d4ed8;--clr-blue-light:#bfdbfe;--clr-gray-light:#f3f4f6;--clr-gray:gray;--clr-dark-gray:#374151;--clr-gray-opacity:rgba(243,244,246,.5);--clr-white:#fff;--bs-gray:0px 3px 18px -5px #d1d5db;--bs-gray-dark:rgba(0,0,0,.1) 0px 10px 50px;--fs-xxl:3rem;--fs-xl:2rem;--fs-lg:1.5rem;--fs-md:1.125rem;--fs-sm:1rem;--fs-xs:0.5rem;--ff-serif:"Poppins",serif;--fw-normal:400;--fw-semibold:500;--fw-bold:600;--fw-bolder:700;--lh-xxl:4rem;--lh-xl:2.5rem;--lh-lg:2rem;--lh-md:1.5rem;--lh-sm:1rem;--sz-xxl:4rem;--sz-xl:2.5rem;--sz-lg:2rem;--sz-md:1.5rem;--sz-sm:1rem;--sz-xs:0.5rem}*,:after,:before{box-sizing:border-box}body,h1,h2,h3,h4,h5,p{margin:0}html{font-size:100%;scroll-behavior:smooth}body{font-family:var(--ff-serif);min-height:100vh}iframe,img,video{block-size:auto;max-inline-size:100%}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#form-file-upload{height:16rem;margin-top:1rem;max-width:100%;position:relative;text-align:center;width:100%}#input-file-upload{display:none}#label-file-upload{align-items:center;background-color:#f8fafc;border:2px dashed #cbd5e1;border-radius:1rem;display:flex;height:100%;justify-content:center}#label-file-upload.drag-active{background-color:#fff}.upload-button{background-color:initial;border:none;cursor:pointer;font-family:Oswald,sans-serif;font-size:1rem;padding:.25rem}.upload-button:hover{text-decoration-line:underline}#drag-file-element{border-radius:1rem;bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.footer{background-color:#09f;color:#fff;font-size:1rem;padding:1rem}.footer .fa-heart{color:red;margin:.5rem}.footer a{margin-left:.5rem;text-decoration:underline}.form{font-size:.9rem;margin-top:2rem;text-align:left}.form input,.form textarea{display:block;margin-top:.25rem;padding:.5rem;width:100%}.form .refresh{position:relative}.form .refresh-icon{bottom:12px;cursor:pointer;font-size:1.3rem;position:absolute;right:10px}.shark-styles{display:flex;justify-content:space-between;margin-top:.5rem;width:100%}.shark-styles-label{font-size:1rem;margin-top:1.5rem}.flex-col{gap:.5rem}.shark-styles img{border-radius:10px}.style-label{font-style:italic;text-align:center}.mt-md{display:block;margin-top:1rem}.form button{background-color:var(--clr-primary);border:1px solid var(--clr-primary);border-radius:5px;color:#fff;display:block;font-size:.9rem;margin:1rem auto;padding:.5rem 2rem}.header{background-color:#09f;color:var(--clr-primary);justify-content:space-between;padding:.75rem 1.5rem}.header,.header .logo{align-items:center;display:flex}.header .logo{gap:.5rem}.header .logo img{height:2rem;object-fit:cover;width:7rem}.header i{color:#fff;font-size:1.5rem}.modal-background{background-color:var(--clr-gray-opacity);height:100%;left:0;position:fixed;top:0;width:100%;z-index:9998}.modal{background:#fff;box-shadow:var(--bs-gray-dark);left:50%;max-width:400px;padding:2em;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:9999}.modal-content{display:flex;flex-direction:column;gap:1rem;justify-content:center;z-index:9999}.modal-close-btn{background-color:initial;border:transparent;color:red;cursor:pointer;font-size:1.25rem;position:absolute;right:1rem;top:.5rem}.loading-gif{margin-top:1rem}.modal button{display:block}.modal{text-align:left}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.modal .shark-image{width:30%}.modal h2{font-size:1.75rem;margin-top:2rem;text-align:center}.modal .info-label{font-size:.9rem}.modal .info{border:1px solid #d3d3d3;font-size:1rem;margin-right:1rem;padding:.25rem 1rem;width:90%}.modal .copy-button{background-color:var(--clr-primary);border:1px solid var(--clr-primary);border-radius:5px;color:#fff;padding:.25rem .5rem;text-align:center}.modal .shark-image{margin:1rem}.flex-center{align-items:center;flex-direction:column}.flex-center,.modal .image-wrapper{display:flex;justify-content:center}.modal .image-wrapper{border:1px solid #d3d3d3;width:100%}.modal .download-button{background-color:var(--clr-primary);border:1px solid var(--clr-primary);border-radius:5px;color:#fff;margin-top:1rem;padding:.5rem 1.25rem}.modal .download-button i{margin-left:.5rem}.modal textarea{margin-top:.5rem;width:100%}main{margin:0 auto 1rem;max-width:500px;padding:1rem}h1{margin-top:1rem}.tabs{display:flex;font-style:.9rem;gap:1rem;justify-content:center;list-style:none;margin:auto}.tabs li{width:50%}.tabs button{background:none;border:1px solid #000;border-radius:1px;border-radius:5px;font-size:.9rem;padding:.5rem;width:100%}.tabs button.active{background:#09f;border:1px solid #09f;color:#fff}.tabs i{margin-right:1rem}ul{margin:0;padding:0}.App{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.1b215a78.css.map*/