@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap);body{font-family:Roboto,Arial,Apple SD Gothic Neo,sans-serif;margin:0}.header{background-color:var(--color-backgroundAlternative);box-shadow:0 2px 4px #0000001a;padding:1rem}.header-content{justify-content:space-between;margin:0 auto;max-width:1000px}.header-content,.user-section,.user-section a{align-items:center;display:flex}.user-section a{height:100%}.user-photo{border-radius:50%;cursor:pointer;height:2rem;width:2rem}.token-count{color:var(--color-labelNormal);font-size:1rem;margin-right:1rem}.token-count:hover{color:var(--color-main4);font-weight:700}.test-button{background-color:var(--color-primaryNormal);border:none;border-radius:4px;color:var(--color-staticWhite);cursor:pointer;margin-right:20px;padding:.5rem 1rem}.test-button:hover{background-color:var(--color-primaryStrong)}.login-button{background-color:var(--color-main4);border:none;border-radius:4px;color:var(--color-staticWhite);cursor:pointer;padding:.5rem 1rem}.login-button:hover{background-color:var(--color-main5)}.logo{height:2rem}.user-menu-container{height:2rem;position:relative}.user-menu{background-color:var(--color-backgroundNormal);border:1px solid var(--color-lineNormal);border-radius:4px;box-shadow:0 2px 10px #0000001a;min-width:150px;position:absolute;right:0;top:100%;z-index:1000}.menu-item{color:var(--color-labelNormal);display:block;padding:10px 15px;text-decoration:none;transition:background-color .3s}.menu-item:hover{background-color:var(--color-backgroundAlternative)}button.menu-item{background:none;border:none;cursor:pointer;font-size:1em;text-align:left;width:100%}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{background-color:var(--color-staticWhite);border-radius:5px;box-shadow:0 2px 10px #0000001a;max-width:400px;padding:20px;text-align:center;width:100%}.popup-content h2{color:var(--color-labelStrong);margin-top:0}.popup-buttons{display:flex;gap:20px;justify-content:center;margin-top:20px}.popup-buttons button{border:none;border-radius:5px;cursor:pointer;padding:10px 20px;transition:background-color .3s}.confirm-button{background-color:var(--color-statusPositive);color:#fff}.cancel-button{background-color:var(--color-statusDestructive);color:#fff}.confirm-button:hover{background-color:#45a049}.cancel-button:hover{background-color:#d32f2f}.error-message{color:var(--color-statusDestructive);font-size:.9em;font-weight:600;margin-left:5px}.file-uploader{border:2px dashed var(--color-lineNormal);cursor:pointer;padding:20px;text-align:center;width:560px}.file-uploader.drag-active,.file-uploader:hover{border-color:var(--color-main4);color:var(--color-main4)}.progress-bar-container{background-color:var(--color-backgroundAlternative);margin-top:10px;width:100%}.progress-bar{background-color:var(--color-main4);color:var(--color-staticWhite);height:20px;line-height:20px;text-align:center}.youtube-uploader{align-items:center;flex-direction:column;max-width:600px}.youtube-uploader,.youtube-uploader form{display:flex;width:100%}.youtube-uploader input{border:1px solid var(--color-lineNormal);border-radius:20px 0 0 20px;flex-grow:1;font-size:16px;outline:none;padding:10px 15px}.youtube-uploader button{background-color:var(--color-main4);border:none;border-radius:0 20px 20px 0;color:var(--color-staticWhite);cursor:pointer;font-size:1rem;padding:10px 20px;transition:background-color .3s}.youtube-uploader button:hover{background-color:var(--color-main5)}.arrow-icon{font-size:20px}.video-preview{display:flex;justify-content:center;margin-top:20px;max-width:560px;width:100%}.video-preview iframe{aspect-ratio:16/9;width:100%}.content-wrapper{align-items:center;display:flex;flex-direction:column;max-width:600px;padding:120px 30px 0;width:100%}.main-info{margin-bottom:2.5rem}.main-desc{font-size:2rem;font-weight:900}.uploader-selector{display:flex;justify-content:center;margin-bottom:20px}.selector-button{background-color:var(--color-componentAlternative);border:none;border-radius:20px;cursor:pointer;font-size:16px;margin:0 10px;padding:10px 20px;transition:background-color .3s}.selector-button.active{background-color:var(--color-main4);color:var(--color-staticWhite)}.selector-button:hover{background-color:var(--color-componentNormal)}.selector-button.active:hover{background-color:var(--color-main5)}.UserInfo_user-info-container__Ii1zV{align-items:center;display:flex;flex-direction:column;margin:0 auto;max-width:100%;overflow-y:auto;padding:20px}.UserInfo_table-container__eZ7Fw{flex:1 1;overflow-x:auto;width:100%}.UserInfo_pagination__xn4ou{padding-bottom:20px}.UserInfo_archive-table__9T\+ro{background-color:var(--color-staticWhite);border:1px solid #ddd;border-collapse:initial;border-radius:8px;border-spacing:0;box-shadow:0 0 10px #0000001a;margin-bottom:20px;min-width:600px;overflow:hidden;width:100%}.UserInfo_archive-table__9T\+ro td,.UserInfo_archive-table__9T\+ro th{padding:12px 15px;text-align:center;vertical-align:middle}.UserInfo_archive-table__9T\+ro th{background-color:#f8f9fa;color:#333;font-size:14px;font-weight:700;text-transform:uppercase}.UserInfo_archive-table__9T\+ro tr:nth-child(2n){background-color:#f8f9fa}.UserInfo_archive-table__9T\+ro tr:hover{background-color:#e9ecef}.UserInfo_archive-table__9T\+ro td.UserInfo_video-title__1WnYU{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px}.UserInfo_download-button__pFBZP{background-color:var(--color-main4);border:none;border-radius:4px;color:var(--color-staticWhite);cursor:pointer;padding:8px 12px;transition:background-color .3s;width:90px}.UserInfo_download-button__pFBZP:hover{background-color:var(--color-main5)}.UserInfo_download-button__pFBZP:disabled{background-color:var(--color-interactionInactive);cursor:not-allowed}.UserInfo_generating__KJniz{color:var(--color-interactionInactive);font-size:.8rem;font-style:italic}.UserInfo_pagination__xn4ou{display:flex;justify-content:center;margin-top:20px}.UserInfo_pagination__xn4ou button{background-color:var(--color-interactionDisable);border:1px solid var(--color-lineNormal);border-radius:4px;cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s}.UserInfo_pagination__xn4ou button:hover{background-color:var(--color-interactionInactive)}.UserInfo_pagination__xn4ou button.UserInfo_active__UGvPG{background-color:var(--color-main4);border-color:var(--color-main4);color:var(--color-staticWhite)}.UserInfo_show-full-title__8mhH8{background-color:var(--color-interactionDisable);border:none;cursor:pointer;font-size:.8rem;margin-left:2px;padding:0 3px;vertical-align:middle}.UserInfo_popup-overlay__hVLmS{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.UserInfo_popup-content__Nu2Er{background-color:#fff;border-radius:8px;max-height:80%;max-width:80%;overflow-y:auto;padding:20px}.UserInfo_popup-content__Nu2Er h3{margin-top:0}.UserInfo_popup-content__Nu2Er button{background-color:var(--color-main4);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:5px 10px}@media (max-width:600px){.UserInfo_archive-table__9T\+ro{font-size:14px}.UserInfo_archive-table__9T\+ro td,.UserInfo_archive-table__9T\+ro th{padding:8px}.UserInfo_download-button__pFBZP{font-size:12px;padding:6px 10px}}.footer{align-items:center;background-color:var(--color-inverseBackground);color:var(--color-labelDisable);font-size:.75rem;justify-content:center;padding:20px 0}.footer-content{margin:0 auto;max-width:930px;padding:0 67px;text-align:left}.footer-links{margin-top:1.5rem}.footer-links a{color:var(--color-labelDisable);margin-right:16px;text-decoration:none}.footer-links a:hover{color:var(--color-staticWhite);text-decoration:underline}.footer-company{padding-bottom:1rem}.footer-company strong{color:var(--color-staticWhite);font-size:1rem}.footer-info p{line-height:1.5;margin:4px 0}@media (max-width:768px){.footer{padding:30px 0}.footer-content{padding:0 15px}.footer-links a{display:block;margin-bottom:10px}}.body-non-login{align-items:center;display:flex;height:100vh;justify-content:center}.body-non-login h1{font-size:2rem;font-weight:900}.terms-container{background-color:#f9f9f9;color:#333;height:calc(100vh - 100px);margin:0 auto;max-width:800px;overflow-y:auto;padding:20px;text-align:left;width:100%}.terms-container h1{font-size:24px;margin-bottom:20px;text-align:left}.terms-container h2{font-size:20px;margin-top:30px}.terms-container h2,.terms-container ol,.terms-container p{margin-bottom:15px;text-align:left}.terms-container ol{padding-left:20px}.terms-container li{margin-bottom:10px;text-align:left}.terms-container strong{font-weight:700}@media (max-width:768px){.terms-container{padding:15px}.terms-container h1{font-size:22px}.terms-container h2{font-size:18px}.terms-container li,.terms-container p{font-size:14px}}.privacy-container{background-color:#f9f9f9;color:#333;height:calc(100vh - 100px);margin:0 auto;max-width:800px;overflow-y:auto;padding:20px;text-align:left;width:100%}.privacy-container h1{font-size:24px;margin-bottom:20px;text-align:left}.privacy-container h2{font-size:20px;margin-top:30px}.privacy-container h2,.privacy-container ol,.privacy-container p{margin-bottom:15px;text-align:left}.privacy-container ol{padding-left:20px}.privacy-container li{margin-bottom:10px;text-align:left}.privacy-container strong{font-weight:700}@media (max-width:768px){.privacy-container{padding:15px}.privacy-container h1{font-size:22px}.privacy-container h2{font-size:18px}.privacy-container li,.privacy-container p{font-size:14px}}.App{color:var(--color-labelNormal);display:flex;flex-direction:column;height:100vh;overflow:hidden;text-align:center}.App,button{font-size:1rem}body{overflow:hidden}.main-container{box-sizing:border-box;overflow-y:auto}.add-token-container,.main-container{align-items:center;display:flex;flex-direction:column;padding:20px;width:100%}.add-token-container{background-color:var(--color-backgroundNormal);max-width:1200px}.current-tokens-container{align-items:center;background-color:var(--color-main3);border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;margin-bottom:30px;max-width:300px;padding:10px 20px;width:100%}.current-tokens-text{display:flex;flex-direction:column;font-weight:700;width:100%}.current-tokens-text span:first-child{color:var(--color-labelNeutral);font-size:14px;margin-bottom:5px}.current-token-amount{color:var(--color-main6);font-size:24px;font-weight:700}.options{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px;width:100%}.option{background-color:var(--color-backgroundNormal);border:2px solid var(--color-lineNormal);border-radius:10px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:20px;text-align:center;transition:all .3s ease}.option:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.option.selected{background-color:var(--color-main4);border-color:var(--color-main5)}.token-amount{color:var(--color-main6);font-size:24px;font-weight:700;margin-bottom:10px}.option.selected .price,.option.selected .token-amount{color:var(--color-staticWhite)}.price{font-size:18px;margin-bottom:10px}.bonus{color:var(--color-statusPositive);font-size:16px;font-weight:700}.option.selected .bonus{color:var(--color-accentLime)}.pay-button{background-color:var(--color-main4);border:none;border-radius:5px;color:var(--color-staticWhite);cursor:pointer;font-size:18px;max-width:300px;padding:15px 30px;transition:background-color .3s ease;width:100%}.pay-button:hover{background-color:var(--color-main5)}.pay-button:disabled{background-color:var(--color-interactionDisable);cursor:not-allowed}@media (max-width:768px){.add-token-container{padding:10px}.current-tokens-container{padding:10px 15px}.options{gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.option{padding:15px}.token-amount{font-size:20px}.price{font-size:16px}.bonus{font-size:14px}.pay-button{font-size:16px;padding:12px 20px}}@media (max-width:480px){.add-token-container{padding:5px}.current-tokens-container{padding:8px 12px}.options{grid-template-columns:1fr}.option{padding:12px}.token-amount{font-size:18px}.price{font-size:14px}.bonus{font-size:12px}.pay-button{font-size:14px;padding:10px 15px}}
/*# sourceMappingURL=main.c8588950.css.map*/