:root{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility}:root[theme=dark]{--background: linear-gradient(180deg, #040918 0%, #091540 100%);--button-focus: hsl(226, 11%, 37%);--button-hover: hsl(226, 25%, 17%);--component-bg: hsl(226, 25%, 17%);--extension: 1px solid hsl(226, 11%, 37%);--filter-hover: hsl(226, 11%, 37%);--focus: hsl(226, 11%, 37%);--grey: hsl(225, 23%, 24%);--selected: hsl(227, 75%, 14%);--text: hsl(200, 60%, 99%);--theme-focus: hsl(226, 11%, 37%);--theme-hover: hsl(226, 11%, 37%);--toggle: hsl(226, 11%, 37%)}:root[theme=light]{--background: linear-gradient(180deg, #EBF2FC 0%, #EEF8F9 100%);--button-focus: hsl(0, 0%, 93%);--button-hover: hsl(200, 60%, 99%);--component-bg: hsl(200, 60%, 99%);--extension: 3px solid hsla(0, 0%, 78%, .4);--filter-hover: hsla(200, 60%, 99%, .2);--focus: hsl(200, 60%, 99%);--grey: hsl(0, 0%, 93%);--selected: hsl(200, 60%, 99%);--text: hsl(227, 75%, 14%);--theme-focus: hsl(0, 0%, 93%);--theme-hover: hsl(0, 0%, 78%);--toggle: hsl(0, 0%, 78%)}@font-face{font-family:NotoSans;src:url(./assets/fonts/NotoSans-VariableFont_wdth,wght.ttf)}@font-face{font-family:NotoSans Italics;src:url(./assets/fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf)}@font-face{font-family:NotoSans Bold;src:url(/assets/NotoSans-Bold-BTRCuqCj.ttf)}@font-face{font-family:NotoSans Regular;src:url(/assets/NotoSans-Regular-D96CXwz4.ttf)}#root{align-items:center;display:flex;flex-direction:column}*{box-sizing:border-box;margin:0;padding:0}html,body{height:fit-content;min-height:100vh;width:100%}body{background:var(--background);color:var(--text);font-family:NotoSans Regular;font-size:16px}.theme{background-color:var(--component-bg);border-radius:20px;display:flex;justify-content:space-between;margin-bottom:40px;padding:15px;width:100%}.logo-text{fill:var(--text)}.mode{align-items:center;background-color:var(--grey);border-radius:10px;cursor:pointer;display:flex;height:44px;justify-content:center;padding:5px;width:44px}.mode:hover{background-color:var(--theme-hover)}.mode:focus-visible{background-color:var(--theme-focus);outline-offset:3px;outline:solid hsl(3,71%,56%)}.none{display:none}@media (max-width: 750px){.theme{margin-bottom:20px}}.filter{align-items:center;display:flex;justify-content:space-between;width:100%}h1{font-family:NotoSans Bold}.options ul{display:flex;gap:15px;justify-content:space-between;list-style-type:none}.options ul li{align-items:center;background-color:var(--component-bg);border-radius:25px;border:var(--extension);cursor:pointer;display:flex;justify-content:center;padding:8px 20px}.options ul .selected{background-color:#de473f;border:none;color:var(--selected)}.options ul li:not(.selected):hover{background-color:var(--filter-hover)}.options ul .selected:hover{background-color:#c7221a}.options ul li:not(.selected):focus-visible{background-color:var(--focus)}.options ul li:focus-visible{outline-offset:3px;outline:solid hsl(3,71%,56%)}@media (max-width: 750px){.filter{flex-direction:column;gap:20px;margin-bottom:10px}}.extension{background-color:var(--component-bg);border-radius:20px;border:var(--extension);display:flex;flex-direction:column;gap:60px;justify-content:space-between;padding:20px}.info{align-items:flex-start;display:flex;gap:15px}.text h2{font-family:NotoSans Bold;margin-bottom:5px}.text p{opacity:.6}.opt{align-items:center;display:flex;justify-content:space-between}.remove{background:transparent;border-radius:25px;border:var(--extension);color:var(--text);cursor:pointer;font-family:NotoSans Regular;font-size:1em;padding:10px 15px}.remove:hover{background-color:#de473f;border-color:transparent;color:var(--button-hover)}.remove:focus-visible{background-color:var(--button-focus);outline-offset:3px;outline:solid hsl(3,71%,56%)}.toggle{display:inline-block;height:24px;position:relative;width:40px}.toggle input{height:0;opacity:0;width:0}.slider{-webkit-transition:.4s;background-color:var(--toggle);border-radius:34px;cursor:pointer;inset:0;position:absolute;transition:transform .4s}.slider:hover{background-color:#2f364b}.slider:before{-webkit-transition:.4s;background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}input:checked+.slider{background-color:#f25c54}input:checked+.slider:hover{background-color:#c7221a}input:focus-visible+.slider{box-shadow:0 0 1px #f25c54;outline-offset:3px;outline:solid hsl(3,71%,56%)}input:checked+.slider:before{-ms-transform:translateX(15px);-webkit-transform:translateX(15px);transform:translate(15px)}.extensions{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width: 1200px){.extensions{grid-template-columns:repeat(2,1fr)}}@media (max-width: 750px){.extensions{grid-template-columns:repeat(1,1fr)}}.app{align-items:center;display:flex;flex-direction:column;gap:20px;padding:40px 0;width:80%}.attribution{display:none;font-size:11px;text-align:center}.attribution a{color:#3e52a3}@media (max-width: 450px){.app{padding:40px 20px;width:100%}}