*{margin:0;padding:0;box-sizing:border-box}.light-theme{--background-linear: linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--text: hsl(227, 75%, 14%);--card-bg: hsl(200, 60%, 99%);--desc-color: hsl(226, 11%, 37%);--btn-bg: hsl(200, 60%, 99%);--card-border: hsl(217, 61%, 90%);--btn-border-focus: white;--theme-btn-hover-bg: hsl(0, 0%, 78%);--btn-hover-color: white;--active-btn-color: white}.dark-theme{--background-linear: linear-gradient(180deg, #040918 0%, #091540 100%);--text: hsl(0, 0%, 93%);--card-bg: hsl(226, 25%, 17%);--desc-color: hsl(0, 0%, 78%);--btn-bg: hsl(226, 25%, 17%);--btn-border-focus: #091540;--card-border: hsl(226, 11%, 37%);--btn-hover-color: white;--active-btn-color: hsl(227, 75%, 14%)}body{padding:3% 6%;background:var(--background-linear);font-family:sans-serif;min-height:100vh;min-width:300px}button{padding:9px 15px;border:none;border-radius:50px;background-color:var(--btn-bg);cursor:pointer;color:var(--text);border:1px solid var(--card-border)!important}button:focus{outline:2px solid salmon;outline-offset:2px;border-color:var(--btn-border-focus)!important}button:hover{background-color:#de473f}@media (max-width:450px){body{padding:1rem}}header{display:flex;justify-content:space-between;align-items:center;padding:1% 2%;background-color:var(--card-bg);border-radius:20px}header button{border-radius:12px;padding:.77rem}header button:hover{background-color:var(--theme-btn-hover-bg)}header img{display:block;color:#fff!important}@media (max-width:500px){header{padding:1rem}header .logo img{width:126px}}.extensions-list-btns{display:flex;align-items:center;justify-content:space-between;margin:2.33rem 0 1.55rem}.extension-container{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center}.extension-card{border-radius:20px;background-color:var(--card-bg);color:var(--text);padding:1rem;width:300px;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;border:1px solid var(--card-border)}h2{color:var(--text)}.extension-btns button{margin:0 5px}.exten-card-btns{display:flex;justify-content:space-between;align-items:center}.exten-head{display:flex;gap:1rem}.extension-card p{font-size:15px;line-height:1.3;color:var(--desc-color)}.exten-name{font-size:19px!important;margin-bottom:4px;color:var(--text)!important;font-weight:700}.exten-card-btns{margin-bottom:0}.active-toggle-btn{position:relative;background-color:#545969;cursor:pointer}.active-toggle-btn:before{content:"";position:absolute;height:14px;width:14px;left:4px;bottom:2px;border-radius:50%;background-color:#fff;transition:.4s}.active-toggle-btn.active:before{transform:translate(80%)}.active-toggle-btn.in-active:before{transform:translate(-20%)}.active{background-color:#de473f!important}.active-btn{background-color:#de473f;color:var(--active-btn-color)}@media (max-width:500px){.extensions-list-btns{flex-direction:column;gap:1rem}.extension-card{width:100%}}