:root{--bg-color: #f0f2f5;--bg-gradient:linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--neutral-0: hsl(200, 60%, 5%);--box-shadow: 0 .4rem .8rem hsl(0, 0%, 0%, .1);--neutral-300: hsl(0, 0%, 40%);--neutral-800: hsl(0, 0%, 100%);--button-bg: hsl(0, 0%, 90%);--red-700:hsl(3, 77%, 44%);--inverted: hsl(200, 60%, 99%)}.dark-theme{--bg-color: #040918;--bg-gradient: linear-gradient(180deg, #040918 0%, #091540 100%);--neutral-0: hsl(200, 60%, 99%);--neutral-300: hsl(0, 0%, 78%);--neutral-800: hsl(226, 25%, 17%);--button-bg: hsl(226, 25%, 27%);--inverted:hsl(226, 25%, 17%) ;--box-shadow: 0 .4rem .8rem hsl(0, 0%, 0%, .3);--red-700:hsl(3, 86%, 64%)}html{scroll-behavior:smooth;font-size:62.5%}body{padding:0 3rem;background:var(--bg-gradient);color:var(--neutral-0);font-family:Noto Sans,sans-serif;height:130vh}.test-box{width:100%;height:100px;background-color:var(--bg-color);margin-bottom:2rem;transition:background-color .3s ease-in-out}button{font-family:Noto Sans,sans-serif}@media (max-width:40rem){.filter-tabs{flex-direction:column;margin-top:0rem!important}.extension-list{grid-template-columns:1fr!important}body{max-height:300rem;padding:1.5rem 0;margin-bottom:1rem!important}.extension-card-container{padding:2.9rem 1.3rem!important}}@media (min-width:40.0625rem) and (max-width:78.5rem){.extension-list{grid-template-columns:repeat(2,1fr)!important}.extension-card-container{width:35vw!important;padding:2.9rem 1.3rem!important}}.extension-card-container{background-color:var(--neutral-800);padding:.9rem 1.3rem;width:33.3rem;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;height:20vh;box-shadow:var(--box-shadow);border:1rem solid var(--box-shadow)}.extension-card{display:flex;gap:1.5rem}.extension-card-footer{display:flex;margin-top:1.8rem;align-items:center;justify-content:space-between}.bold-text{font-size:1.8rem;font-weight:700;color:var(--neutral-0)}.extension-span{font-size:1.4rem;color:var(--neutral-300)}.button{background:var(--neutral-800);border-color:var(--neutral-0);border:.1rem solid}.img{width:4.5rem!important;margin-bottom:1rem}.toggle-button{color:var(--red-700);background-color:transparent}.extension-list{display:grid!important;grid-template-columns:repeat(3,1fr);column-gap:.9rem;row-gap:.9rem;padding:.5rem;width:60vw!important;margin:auto!important;justify-content:center!important;align-items:center!important}header{display:flex;justify-content:space-between;width:75vw;padding:1rem .9rem;align-items:center;margin:auto;border-radius:1.5rem;background-color:var(--inverted)}.extension-list{display:flex;align-items:center;width:80vw;margin:auto;justify-content:space-between}.regular-text{font-size:3rem;margin-top:4.8rem}img{width:3rem}.logo{width:12rem}button{border-radius:2rem;height:3.5rem;color:var(--neutral-0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:transparent;padding:.6rem 1.6rem;background:var(--neutral-800);transition:background .3s ease-in-out}button.active{background:var(--red-700);color:var(--neutral-800)}.filter-tabs{display:flex!important;gap:.3rem;width:75vw;justify-content:space-between;align-items:center;margin-top:1.8rem}.extensionList-text{font-size:2.9rem;font-weight:700}.filter-buttons{display:flex;gap:1rem}