@import "https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&family=Nunito:wght@300;400;600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Akshar:wght@300;400;500;600;700&family=Happy+Monkey&display=swap";
:root{--idiom-extractor-form-background:var(--background-dark);--idiom-extractor-form-text-color:var(--text);--idiom-extractor-form-text-area-background:var(--background);--idiom-extractor-form-file-input-background:var(--background);--idiom-extractor-form-button-background:var(--primary)}body{background-color:var(--background);color:var(--text);font-family:Nunito,sans-serif}h1,h2,h3,h4,h5,h6,label,button{font-family:Akshar,sans-serif}.idiom-extractor-form{background-color:var(--idiom-extractor-form-background);width:100%;max-width:600px;color:var(--text);border-radius:8px;margin:0 auto 2rem;padding:2rem;position:relative;box-shadow:0 2px 10px #0000001a}.idiom-extractor-form label{color:var(--text);margin-bottom:1rem;font-size:1.1rem;font-weight:700;display:block}.idiom-extractor-form textarea{border:1px solid var(--background-darkest);resize:vertical;background-color:var(--background);width:100%;color:var(--text);border-radius:4px;padding:.75rem;font-family:Nunito,sans-serif;font-size:1rem;line-height:1.5;transition:border-color .3s,background-color .3s}.idiom-extractor-form textarea:focus{border-color:var(--accent);background-color:var(--background);color:var(--text);outline:none}.idiom-extractor-form input[type=file]{border:1px solid var(--background-darkest);background-color:var(--background);color:var(--text);border-radius:4px;margin-top:1rem;padding:.5rem;font-family:Nunito,sans-serif}.idiom-extractor-form button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;margin-top:1rem;padding:.6rem 1.2rem;font-family:Akshar,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s}.idiom-extractor-form button:hover:not(:disabled){background-color:var(--secondary);color:var(--text)}.idiom-extractor-form button:focus{outline:2px solid var(--accent);outline-offset:2px}.idiom-extractor-form button:disabled{background-color:var(--background-darkest);cursor:not-allowed}.choose-file-label{margin-bottom:1rem;display:block}.choose-file-button{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:.6rem 1.2rem;font-family:Akshar,sans-serif;font-size:1rem;font-weight:500;transition:background-color .3s;display:inline-block}.choose-file-button:hover{background-color:var(--secondary);color:var(--text)}.idiom-extractor-form h3{color:var(--text);margin-top:2rem;font-family:Akshar,sans-serif}.idiom-extractor-form ul{color:var(--text);margin-left:1.5rem;list-style-type:disc}.idiom-extractor-form p{color:var(--text);margin-top:1rem;font-weight:500}@media (max-width:640px){.idiom-extractor-form{margin:5rem 1rem 2rem;padding:1rem}}.idiom-extractor-container{justify-content:center;align-items:flex-start;padding-top:4rem;display:flex;position:relative}.settings-button{cursor:pointer;color:var(--primary);background:0 0;border:none;font-size:24px;position:absolute;bottom:1rem;right:1rem}.settings-card{background:var(--background);border:1px solid var(--background-darkest);z-index:10;border-radius:6px;width:200px;padding:1rem;position:absolute;top:50px;left:10px;box-shadow:0 4px 10px #0000001a}.settings-card h2{color:var(--text);margin-top:0;margin-bottom:10px;font-family:Akshar,sans-serif;font-size:18px}.settings-card label{color:var(--text);margin-bottom:10px;font-family:Akshar,sans-serif;display:block}.language-selector{border:1px solid var(--background-darkest);background-color:var(--background);width:100%;color:var(--text);border-radius:4px;margin-bottom:1rem;padding:.5rem;font-family:Nunito,sans-serif}.page-title{text-align:center;color:var(--text);margin-bottom:2rem;font-family:Akshar,sans-serif;font-size:2.5rem;font-weight:600}.about-section{background-color:var(--primary);color:#fff;border-radius:4px;max-width:600px;margin-top:1rem;margin-left:auto;margin-right:auto;padding:1rem}.about-section-header{cursor:pointer;align-items:center;font-family:Akshar,sans-serif;display:flex}.about-section-content{padding-top:.5rem;font-family:Nunito,sans-serif}
.toggle-list{border-radius:6px;margin-bottom:1rem}.toggle-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:.5rem 0;font-weight:500;display:flex}.toggle-arrow{color:var(--toggle-arrow-color,#272424);margin-right:8px;transition:transform .2s;display:inline-block}.toggle-arrow.open{transform:rotate(90deg)}.toggle-content{margin-left:1.5rem}