@font-face{font-family:Noto Sans Bold;src:url(/assets/NotoSans-Bold-BTRCuqCj.ttf)}@font-face{font-family:Noto Sans Medium;src:url(/assets/NotoSans-Medium-BX6xEgvr.ttf)}@font-face{font-family:Noto Sans Regular;src:url(/assets/NotoSans-Regular-D96CXwz4.ttf)}html{font-size:16px}*,*:before,*:after{box-sizing:border-box;padding:0;margin:0}:root{--neutral-200: hsl(217, 61%, 90%);--neutral-800: hsl(226, 25%, 17%);--neutral-300: hsl(0, 0%, 78%);--red-400: hsl(3, 86%, 64%);--red-500: hsl(3, 71%, 56%);--background-color-variant: hsl(200, 60%, 99%);--text-color: hsl(227, 75%, 14%);--text-color-variant1: hsl(200, 60%, 99%);--text-color-variant2: hsl(0, 0%, 78%);--btn-active-color: hsl(3, 77%, 44%);--btn-color: hsl(200, 60%, 99%);--btn-2-color: hsl(200, 60%, 99%);--btn-2-hover: hsl(226, 11%, 37%)}[data-theme=dark]{--background-color-variant: hsl(225, 23%, 24%);--text-color: hsl(200, 60%, 99%);--text-color-variant1: hsl(227, 75%, 14%);--btn-active-color: hsl(3, 77%, 44%);--btn-color: hsl(225, 23%, 24%);--btn-2-color: hsl(225, 23%, 24%);--btn-2-hover: hsl(226, 11%, 37%)}body{font-family:Noto Sans Regular,sans-serif;color:var(--text-color)}h1,h2,h3{color:var(--text-color)}li{list-style:none}a{display:block;text-decoration:none;cursor:pointer}img{max-inline-size:100%;block-size:auto}button{cursor:pointer;font-family:Noto Sans Regular,sans-serif;font-size:1rem;color:var(--text-color)}button:focus{outline:.1rem solid var(--red-400)}.app-logo{fill:tomato;stroke:#2e8b57;stroke-width:3px}.container__header{background-color:var(--background-color-variant)}@media(prefers-reduced-motion:no-preference){a,button,label,div{transition:all .3s ease-out}}.container{background:linear-gradient(180deg,#ebf2fc,#eef8f9);background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:3rem}.container.dark{background:linear-gradient(180deg,#040918,#091540)}.container__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;border-radius:.5rem;margin:0 auto 3rem}.theme-btn{border:.1rem solid var(--neutral-200);height:2.5rem;border-radius:2rem;padding:.5rem 1rem;background-color:var(--btn-2-color)}.theme-btn:hover{opacity:.6}.theme-btn:focus,.theme-btn:active{background-color:var(--btn-active-color);color:var(--text-color-variant1)}.wide-btn{border:.1rem solid var(--neutral-200);height:2.5rem;border-radius:2rem;padding:.5rem 1rem;background-color:var(--btn-color);outline:0}.wide-btn:hover{opacity:.6}.wide-btn.wide-btn__selected,.wide-btn:active{background-color:var(--btn-active-color);color:var(--text-color-variant1)}.container__main-content{margin:0 auto}.container__main-content-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:3rem}.container__filters{display:flex;gap:1rem}.container__extension-list{display:grid;grid-template-columns:1fr;gap:2rem}@media screen and (min-width:52rem){.container__header,.container__main-content{max-width:80rem}.container__main-content-header{flex-direction:row;justify-content:space-between;align-items:center}.container__extension-list{grid-template-columns:repeat(3,1fr)}}.container__extension{background-color:var(--background-color-variant);padding:1rem;border-radius:.5rem}.container__extension p{color:var(--text-color-variant2)}.container__extension-review{display:flex;flex-direction:row;gap:1rem;align-items:flex-start}.container__extension-review h3{margin-bottom:.5rem}.container__buttons{margin-top:1rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.toggle-btn{border:.1rem solid var(--neutral-200);height:1.5rem;width:2.5rem;border-radius:2rem;padding:.5rem 1rem;background-color:var(--neutral-300);position:relative}.toggle-btn:hover{opacity:.7}.toggle-btn .thumb{height:1rem;width:1rem;background-color:#fff;border-radius:50%;transform:translate(0);transition:left .15s ease;position:absolute;left:.12rem;top:50%;transform:translateY(-50%)}.toggle-btn.toggled{background-color:var(--red-400)}.toggle-btn.toggled .thumb{left:1.2rem}