@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{font-family:Noto Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;box-sizing:border-box;margin:0}body{height:100dvh}.attribution{font-size:11px;text-align:center;display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:30px}.attribution.theme-light,.attribution.theme-light a{color:#3e52a3}.attribution.theme-dark,.attribution.theme-dark a{color:#fff}#root{--neutral-900: hsl(227, 75%, 14%);--neutral-800: hsl(226, 25%, 17%);--neutral-700: hsl(225, 23%, 24%);--neutral-600: hsl(226, 11%, 37%);--neutral-300: hsl(0, 0%, 78%);--neutral-200: hsl(217, 61%, 90%);--neutral-100: hsl(0, 0%, 93%);--neutral-0: hsl(200, 60%, 99%);--Red-400: hsl(3, 86%, 64%);--Red-500: hsl(3, 71%, 56%);--Red-700: hsl(3, 77%, 44%);height:100%}.app{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0;min-height:100%}.app>div{width:90%;max-width:1000px}.dark{background:linear-gradient(180deg,#040918,#091540)}.light{background:linear-gradient(180deg,#ebf2fc,#eef8f9)}.nav{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-radius:15px}.nav.tdark{background-color:#212636;color:#fff}.nav.tlight{background-color:#fbfdfe;border:2px solid hsl(217,61%,90%)}.themeIcon{cursor:pointer;padding:10px;border-radius:10px}.themeIcon.tdark{background-color:#2f364b}.themeIcon.tdark:hover{background-color:#545969}.themeIcon.tlight{background-color:#ededed}.themeIcon.tlight:hover{background-color:#c7c7c7}.themeIcon:focus{border:1px solid hsl(3,86%,64%)}header{display:flex;align-items:center;justify-content:space-between;margin:20px 0}header.tdark{color:#fff}header.tlight{color:#09153e}header>div{display:flex;gap:10px}header button{padding:5px 10px;border-radius:15px}.filter-btn{padding:5px 15px;border-radius:20px;color:#fff;cursor:pointer;transition:background-color .2s ease}.filter-btn.tdark{background-color:#2f364b;border:1px solid hsl(225,23%,24%);color:#fff}.filter-btn.tdark.active{background-color:#f25c54;border:none;color:#09153e}.filter-btn.tdark:hover{background-color:#545969}.filter-btn.tdark:focus{border:1px solid hsl(3,86%,64%)}.filter-btn.tdark.active:hover{color:#09153e}.filter-btn.tlight{background-color:#fbfdfe;border:1px solid hsl(217,61%,90%);color:#2f364b}.filter-btn.tlight.active{background-color:#c7221a;color:#ededed}.filter-btn.tlight:hover{background-color:#eef8f9;border:1px solid hsl(0,0%,93%);color:#545969}.filter-btn.tlight.active:hover{color:#fbfdfe}.filter-btn.tlight:focus{border:1px solid hsl(3,77%,44%)}.filter-btn.active:hover{background-color:#de473f}@media (max-width: 500px){header{flex-direction:column;gap:15px}.filter-btn{font-size:1rem}}.extensions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}article{border-radius:20px;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;height:150px}article.tdark{color:#fbfdfe;border:1px solid hsl(226,11%,37%);background-color:#212636}article.tlight{color:#09153e;border:1px solid hsl(217,61%,90%);background-color:#fbfdfe}.extension-info{display:flex;align-items:flex-start;gap:1rem}.extension-info p{font-size:12px}.extension-info.tdark p{color:#c7c7c7}.extension-info.tlight p{color:#545969}.options{display:flex;justify-content:space-between;align-items:center}.remove-btn{border-radius:50px;padding:.5rem 1rem;background-color:transparent;font-size:14px;cursor:pointer;transition:background-color .2s ease}.remove-btn.tdark{border:1px solid hsl(226,11%,37%);color:#d6e2f5}.remove-btn.tdark:hover{color:#09153e;background-color:#f25c54;border:1px solid hsl(3,86%,64%)}.remove-btn.tlight{border:1px solid hsl(217,61%,90%);color:#09153e}.remove-btn.tlight:hover{color:#fbfdfe;background-color:#c7221a}.remove-btn:focus{border:1px solid hsl(3,86%,64%)}.toggle-btn{width:40px;height:20px;border-radius:50px;display:flex;align-items:center;padding:3px;transition:background-color .3s ease;cursor:pointer}.toggle-btn.tdark.true:hover,.toggle-btn.tlight.true:hover{background-color:#de473f}.toggle-btn.tdark.true:focus,.toggle-btn.tlight.true:focus,.toggle-btn.tdark.false:focus,.toggle-btn.tlight.false:focus{border:1px solid hsl(3,77%,44%)}.toggle-btn.tdark.true{background-color:#f25c54;justify-content:flex-end}.toggle-btn.tlight.true{background-color:#c7221a}.toggle-btn.tdark.false{background-color:#545969;justify-content:flex-start}.toggle-btn.tlight.false{background-color:#c7c7c7}.toggle-circle{background-color:#fff;border-radius:50%;width:14px;height:14px}