@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{padding:0;margin:0;box-sizing:border-box}.app-main{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding-bottom:20px}.dark-mode{background-image:linear-gradient(#040918,#0d1a2b)}.light-mode{background-image:linear-gradient(#ebf2fc,#fdfeff)}.header-wrapper{width:100%;height:15vh;display:flex;justify-content:center;align-items:flex-end;background-color:transparent}.header{width:80%;height:10vh;display:flex;justify-content:space-between;padding-inline:10px;align-items:center;background-color:#1f2536;border-radius:10px}.header1{width:80%;height:10vh;display:flex;justify-content:space-between;padding-inline:10px;align-items:center;background-color:#fff;border-radius:10px}.logo{width:40%;height:100%;display:flex;align-items:center;gap:10px}.logo-text{font-family:Noto Sans,sans-serif;font-size:16px;color:#fff}.logo-text1{font-family:Noto Sans,sans-serif;font-size:16px;color:#212636}.light-darkmode{width:40px;height:40px;display:flex;border-radius:10px;justify-content:center;align-items:center;background-color:#ededed;transition:all .35s ease;cursor:pointer}.light-darkmode1{width:40px;height:40px;display:flex;border-radius:10px;justify-content:center;align-items:center;background-color:#2f354b;transition:all .35s ease;cursor:pointer}.extensionlist-activestate{width:80%;height:15vh;display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:20px}.extentions{font-family:Noto Sans,sans-serif;font-size:25px;color:#fff}.extensions1{font-family:Noto Sans,sans-serif;font-size:25px;color:#212636}.activestates{width:20%;height:100%;display:flex;justify-content:space-between;align-items:flex-end}.all{padding-inline:15px;padding-block:3px;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;font-family:Noto Sans,sans-serif}.active,.inactive{padding-inline:10px;padding-block:3px;border-radius:15px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:16px;font-family:Noto Sans,sans-serif}.card-container{width:80%;min-height:max-content;display:flex;flex-wrap:wrap;gap:10px;padding-bottom:10px}.card{width:353px;height:30vh;display:flex;flex-direction:column;justify-content:space-between;border-radius:10px;padding:10px}.top-card{width:100%;height:50%;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.imgage{width:50px;height:50px}.right-card{height:80%;display:flex;flex-direction:column}.right-card .card-title{font-family:Noto Sans,sans-serif;font-size:20px}.right-card .card-description{font-family:Noto Sans,sans-serif;font-size:14px}.bottom-card{width:100%;height:20%;display:flex;justify-content:space-between;align-items:center}.remove-button{padding-inline:10px;padding-block:3px;display:flex;justify-content:center;align-items:center;border-radius:15px;font-family:Noto Sans,sans-serif;font-size:14px;cursor:pointer}.toggle-btn{width:40px;height:20px;display:flex;justify-content:center;align-items:center;border-radius:15px;font-family:Noto Sans,sans-serif;font-size:14px;cursor:pointer;background-color:#fdfeff}.btn1{background-color:#fff;width:20px;height:20px;border-radius:50%;border:none}@media screen and (min-width: 320px) and (max-width: 480px){.app-main{width:100%;min-height:100vh;padding-inline:10px}.extensionlist-activestate{width:100%;height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.extentions{display:flex;align-items:ceter;justify-content:center;width:100%;height:50%;font-family:Noto Sans,sans-serif;font-size:28px;color:#fff}.extensions1{display:flex;align-items:flex-end;justify-content:center;width:100%;height:50%;font-family:Noto Sans,sans-serif;font-size:28px;color:#212636}.activestates{width:100%;height:50%;display:flex;justify-content:space-evenly;align-items:center}.header-wrapper{width:100%;height:15vh}.header{width:95%;height:10vh;background-color:#1f2536}.header1{width:95%;height:10vh;background-color:#fff}.card-container{width:100%;min-height:max-content;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center}.card{width:95%;height:27vh}.remove-button{padding-inline:10px;padding-block:5px;display:flex;justify-content:center;align-items:center;border-radius:15px;font-family:Noto Sans,sans-serif;font-size:14px;cursor:pointer}}@media screen and (min-width: 481px) and (max-width: 1028px){.app-main{width:100%;min-height:100vh;padding-inline:10px}.extensionlist-activestate{width:95%;height:15vh;display:flex;align-items:center;justify-content:center}.extentions{display:flex;align-items:center;justify-content:flex-start;width:70%;height:100%;font-family:Noto Sans,sans-serif;font-size:28px;color:#fff}.extensions1{display:flex;align-items:center;justify-content:flex-start;width:70%;height:100%;font-family:Noto Sans,sans-serif;font-size:28px;color:#212636}.activestates{width:30%;height:100%;display:flex;justify-content:space-between;align-items:center}.header-wrapper{width:100%;height:15vh}.header{width:95%;height:8vh;background-color:#1f2536}.header1{width:95%;height:8vh;background-color:#fff}.card-container{width:100%;min-height:max-content;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.card{width:350px;height:20vh}}