@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg: linear-gradient(180deg, hsl(217, 61%, 90%), hsl(217, 61%, 90%));--bgTabs: hsl(200, 60%, 99%);--slider:linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--textColor: hsl(226, 11%, 37%);--hColor: hsl(226, 25%, 17%);--focusColor: hsl(3, 71%, 56%);--buttonColor: hsl(3, 77%, 44%);--fontFamily: "Noto Sans";--fontSizeH: 2rem;--font-size: 1.2rem;--moonSunBg: hsl(0, 0%, 78%)}.darkmode{--bg:linear-gradient(180deg, #040918 0%, #091540 100%);--bgTabs: hsl(225, 23%, 24%);--textColor: hsl(0, 0%, 78%);--hColor: hsl(200, 60%, 99%);--focusColor: hsl(3, 71%, 56%);--buttonColor: hsl(3, 77%, 44%);--moonSunBg: hsl(226, 11%, 37%)}img{max-inline-size:100%;display:block}body{background:var(--bg);font-family:var(--fontFamily);transition:.9s;padding-block:30px}@media (width<850px){body{padding-block:20px;padding-inline:15px}}.main{background-color:var(--bg);font-size:var(--font-size);color:var(--textColor);max-inline-size:1450px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;background-color:var(--bgTabs);border-radius:15px;padding:20px;margin-block:20px}.moonSun{background-color:var(--moonSunBg);display:flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;border-radius:100%;padding:10px;cursor:pointer}input:empty+.moonSun:before{content: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");transition:.6s;margin:5px}.darkmode input:checked+.moonSun:before{content: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'/%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")}.wrapper{max-inline-size:100%;display:grid;gap:20px}@media (width>850px){.wrapper{grid-template-columns:repeat(3,1fr)}}.head{display:flex;justify-content:space-between;align-items:center;margin-block:20px}@media (width<850px){.head{flex-wrap:wrap;justify-content:center}}.head h1{color:var(--hColor);font-size:var(--fontSizeH)}.toggle{display:flex;gap:12px;align-items:center}button{font-family:var(--fontFamily);font-weight:600;background-color:var(--bgTabs);border:1px solid var(--hColor);color:var(--hColor);display:flex;justify-content:space-between;align-items:center;max-inline-size:100%;border-radius:20px;padding:15px;transition:.6s}button:hover,button:focus{background-color:var(--focusColor);cursor:pointer;color:var(--bgTabs);border:none}.extensionList{background-color:var(--bgTabs);border-radius:10px;padding:15px}@media (width<850px){.extensionList{padding:10px}}.extensionsTabs{display:flex;align-items:center;gap:20px;margin-bottom:30px}.names{margin-bottom:15px;font-weight:700;color:var(--hColor)}.removeActive{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}input{display:none}.toggleBtn{background-color:var(--moonSunBg);inline-size:50px;block-size:20px;cursor:pointer;transition:background-color .6s;border-radius:20px;display:flex;align-items:center;padding:5px;position:relative}.toggleBtn:before{position:absolute;content:"";background:var(--slider);width:15px;height:15px;border-radius:100px;transition:transform .6s;transform:translate(0)}input:checked+.toggleBtn:before{transform:translate(30px)}input:checked+.toggleBtn{background-color:var(--focusColor)}label:active:before{width:25px}