@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{margin:0;padding:0;box-sizing:border-box}: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%);--Light-Gradient: linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--Dark-Gradient: linear-gradient(180deg, #040918 0%, #091540 100%)}.app-container{font-family:Noto Sans,sans-serif;background:#040918 var(--Light-Gradient) no-repeat fixed center / cover;padding:30px;min-height:100vh}.app-container.dark-mode{background:#040918 var(--Dark-Gradient) no-repeat fixed center / cover}.container{width:100%;max-width:900px;margin:0 auto}.header{width:100%;background-color:var(--Neutral-0);padding:10px 20px;border-radius:20px;display:flex;justify-content:space-between;align-items:center}.app-container.dark-mode .header{background-color:var(--Neutral-800)}.app-container.dark-mode .logo{filter:brightness(0) invert(1)}.logo{cursor:pointer}.theme-changer-btn{cursor:pointer;align-items:center;padding:7px 10px;border-radius:8px;background-color:var(--Neutral-100);border:none}.theme-changer-btn:hover{background-color:var(--Neutral-300)}.app-container.dark-mode .theme-changer-btn:hover{background-color:var(--Neutral-600)}.app-container.dark-mode .theme-changer-btn{background-color:var(--Neutral-700)}button:focus-visible{outline:2px solid var(--Red-700);outline-offset:2px;border:none}.theme-changer-btn img{width:100%}.extensions-list{display:flex;justify-content:space-between;padding-block:40px}.extensions-list h2{font-size:1.5rem}.app-container.dark-mode .extensions-list h2{color:var(--Neutral-0)}.filter-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.filter-controls button{font-weight:500;cursor:pointer;border-radius:50px;padding:10px 20px;border:none;background-color:var(--Neutral-0);box-shadow:#00000029 0 1px 4px}.app-container.dark-mode .filter-controls button{background-color:var(--Neutral-700);color:var(--Neutral-0)}.filter-controls button:hover{background-color:var(--Neutral-300);color:var(--Neutral-800)}.app-container.dark-mode .filter-controls button:hover{background-color:var(--Neutral-600);color:var(--Neutral-0)}.filter-controls button.active{background-color:var(--Red-700);color:var(--Neutral-0);font-weight:600}.filter-controls button.active:hover,.app-container.dark-mode .filter-controls button.active:hover{background-color:var(--Red-500)}.app-container.dark-mode .filter-controls button.active{background-color:var(--Red-700);color:var(--Neutral-800)}.extenstions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;flex-wrap:wrap}.extension-box{width:100%;border-radius:15px;padding:15px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-direction:column;background:var(--Neutral-0);box-shadow:#00000029 0 1px 4px}.app-container.dark-mode .extension-box{background-color:var(--Neutral-800)}.extension-main{display:flex;justify-content:center;align-items:center;gap:15px}.extension-icon{align-self:flex-start}.extension-details h2{font-size:1.2rem;margin-bottom:.2em}.app-container.dark-mode .extension-details h2{color:var(--Neutral-0)}.extension-details p{color:var(--Neutral-600);font-size:.8rem}.app-container.dark-mode .extension-details p{color:var(--Neutral-300)}.extension-bottom{width:100%;display:flex;justify-content:space-between;align-items:center}.remove-btn{cursor:pointer;background-color:var(--Neutral-0);padding:8px 10px;border-radius:50px;font-weight:500;border:1px solid var(--Neutral-300)}.app-container.dark-mode .remove-btn{background:var(--Neutral-800);color:var(--Neutral-0)}.remove-btn:hover{background-color:var(--Red-700);color:var(--Neutral-0)}.app-container.dark-mode .remove-btn:hover{background-color:var(--Red-700);color:var(--Neutral-800);font-weight:800;border:none}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.app-container.dark-mode .slider{background-color:var(--Neutral-600)}.slider:before{position:absolute;content:"";height:16px;width:16px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--Red-700)}.app-container.dark-mode input:checked+.slider{background-color:var(--Red-700)}input:focus-visible+.slider{outline:2px solid var(--Red-700);outline-offset:2px}input:checked+.slider:before{transform:translate(20px)}input:checked+.slider:hover{background:var(--Red-500)}@media (max-width: 500px){.extensions-list{flex-direction:column;align-items:center;gap:20px}.logo{width:50%}.theme-changer-btn{padding:5px}.theme-changer-btn img{width:20px;height:20px}}