:root{--neutral-900:#09153e;--neutral-800:#212636;--neutral-700:#2f364b;--neutral-600:#545969;--neutral-300:#c7c7c7;--neutral-200:#d6e2f5;--neutral-100:#ededed;--neutral-0:#fbfdfe;--red-400:#f25c54;--red-500:#de473f;--red-700:#c7221a;--gradient-light:linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--gradient-dark:linear-gradient(180deg, #040918 0%, #091540 100%)}*{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Noto Sons;src:url(/Browser-Extension-Manager-UI/assets/NotoSans-VariableFont_wdth_wght-CYoOFcCZ.ttf);font-weight:100 900}body{min-height:100vh;padding-block:20px}body.dark{background:var(--gradient-dark)}body.light{background:var(--gradient-light)}ul{list-style:none}nav{border-radius:15px;width:80%;margin-block:20px;margin-inline:auto;padding:10px}nav.dark-mode{background-color:var(--neutral-800)}nav.light-mode{background-color:var(--neutral-0)}.d-flex-between-center{justify-content:space-between;align-items:center;display:flex}.d-flex-center-center{justify-content:center;align-items:center;display:flex}.mode{background-repeat:no-repeat;background-size:50% 100%;background-color:var(--neutral-700);cursor:pointer;cursor:pointer;padding:10px;background-position:50%;background-repeat:no-repeat;background-size:50% 100%;border:2px solid #0000;border-radius:8px;width:40px;height:40px;padding:10px}.mode.dark{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20fill='none'%20viewBox='0%200%2022%2022'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20stroke='%23FBFDFE'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.98'%20d='M11%201.833v1.834m0%2014.666v1.834M3.667%2011H1.833m3.955-5.212L4.492%204.492m11.72%201.296%201.297-1.296M5.788%2016.215l-1.296%201.296m11.72-1.296%201.297%201.296M20.167%2011h-1.834m-2.75%200a4.583%204.583%200%201%201-9.167%200%204.583%204.583%200%200%201%209.167%200Z'%20data-index='0'%20style='opacity:%201;'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h22v22H0z'%20data-index='1'%3e%3c/path%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-color:var(--neutral-700)}.mode.dark:hover{background-color:var(--neutral-600)}.mode.dark:focus{border-color:var(--red-400)}.mode.light{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='22'%20fill='none'%20viewBox='0%200%2022%2022'%3e%3cg%20clip-path='url(%23a)'%3e%3cpath%20stroke='%23091540'%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.98'%20d='M20.125%2011.877A7.333%207.333%200%201%201%2010.124%201.875a9.168%209.168%200%201%200%2010.001%2010.002Z'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='a'%3e%3cpath%20fill='%23fff'%20d='M0%200h22v22H0z'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-color:var(--neutral-100)}.mode.light:hover{background-color:var(--neutral-200)}.mode.light:focus{border-color:var(--red-400)}#extension-list{color:#fff;width:80%;margin:30px auto 10px;font-family:Noto Sons,sans-serif}@media screen and (width<=767px){#extension-list .extension-list-header{flex-direction:column;gap:10px}}#extension-list .extension-list-title.dark-title{color:var(--neutral-900)}#extension-list ul{gap:10px}@media screen and (width<=767px){#extension-list ul{width:90%}}#extension-list ul li{background-color:var(--neutral-800);cursor:pointer;border:2px solid #0000;border-radius:20px;padding:5px 13px;font-size:15px;font-weight:500}@media screen and (width<=767px){#extension-list ul li{text-align:center;flex:1}}#extension-list ul li.dark.active{background-color:var(--red-400);color:var(--neutral-900)}#extension-list ul li.dark:hover:not(.active){background-color:var(--neutral-700)}#extension-list ul li.dark:focus{border-color:var(--red-400)}#extension-list ul li.light{background-color:var(--neutral-0);color:var(--neutral-900)}#extension-list ul li.light.active{background-color:var(--red-400);color:var(--neutral-0)}#extension-list ul li.light:hover:not(.active){background-color:var(--neutral-200)}#extension-list ul li.light:focus:not(.active){border-color:var(--red-700)}#extension-list .extensions-list-container{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:15px;display:grid}@media screen and (width<=1100px){#extension-list{width:90%}}@media (width<=1000px){#extension-list .extensions-list-container{grid-template-columns:1fr}}#extension-list .extension-box{border-radius:18px;flex-direction:column;justify-content:space-between;height:175px;padding:15px;display:flex}#extension-list .extension-box.dark{background-color:var(--neutral-800);border:1px solid var(--neutral-700)}#extension-list .extension-box.light{background-color:var(--neutral-0);box-shadow:0px 0px 5px 1px var(--neutral-200)}#extension-list .extension-box.hide{display:none}#extension-list .extension-box .top{align-items:flex-start;gap:12px;display:flex}#extension-list .extension-box .box-icon{width:50px}#extension-list .extension-description h2{font-size:17px;line-height:1.8}#extension-list .extension-description h2.light{color:var(--neutral-800)}#extension-list .extension-description p{width:80%;color:var(--neutral-300);font-size:15px;font-weight:200}@media screen and (width<=1100px){#extension-list .extension-description p{width:90%}}#extension-list .extension-description p.light{color:var(--neutral-600);font-weight:400}#extension-list .bottom{justify-content:spac;display:flex}#extension-list .bottom .remove{border:1px solid var(--neutral-600);color:var(--neutral-0);cursor:pointer;background-color:#0000;border-radius:15px;padding:7px 12px}#extension-list .bottom .remove.light{color:var(--neutral-800);border-color:var(--neutral-300)}#extension-list .extension-box .is-active{background-color:var(--red-400);cursor:pointer;border-radius:20px;align-items:center;width:30px;height:17px;padding:2px;display:flex}#extension-list .extension-box .is-active:focus{outline:2px solid var(--red-500);outline-offset:2px}#extension-list .extension-box .is-active .circle{background-color:var(--neutral-0);border-radius:50%;width:13px;height:13px;display:block}#extension-list .extension-box .is-active.active{background-color:var(--red-400);justify-content:flex-end}#extension-list .extension-box .is-active.inactive{background-color:var(--neutral-600);justify-content:flex-start}#extension-list .extension-box .is-active.light.inactive{background-color:var(--neutral-300)}