*,*::before,*::after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1.5}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}button{font-family:inherit}img,a,time{display:block}img{width:100%}
@font-face{font-family:"Noto Sans";src:url(assets/0e023bdf2fa0b6117356.ttf) format("truetype")}@font-face{font-family:"Noto Sans";src:url(assets/71cb9076bddd954e9b70.ttf) format("truetype");font-style:italic}:root{--ff-noto-sans: "Noto Sans", sans-serif}#dark{--bg-gradient: linear-gradient(180deg, #040918 0%, #091540 100%);--bg-primary: hsl(224, 26%, 16%);--bg-filter-button: hsl(229, 22%, 24%);--bg-filter-button-hover: hsl(224, 12%, 36%);--bg-theme-button: hsl(227, 23%, 24%);--bg-theme-button-hover: hsl(224, 12%, 36%);--bg-remove-button-hover: hsl(224, 12%, 36%);--bg-toggle-button-inactive: hsl(224, 12%, 36%);--bg-toggle-button-indicator: hsl(200, 60%, 99%);--clr-primary: hsl(200, 60%, 99%);--clr-secondary: hsl(232, 18%, 83%);--clr-tertiary: hsl(227, 75%, 14%);--clr-accent: hsl(3, 86%, 64%);--clr-header-border: hsl(224, 26%, 16%);--clr-filter-button-border: hsl(228, 13%, 37%);--clr-filter-button-border-hover: hsl(224, 12%, 36%);--clr-filter-button-hover: hsl(200, 60%, 99%);--clr-extension-border: hsl(228, 15%, 38%);--clr-remove-button-border: hsl(224, 12%, 36%)}#light{--bg-gradient: linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--bg-primary: hsl(220, 100%, 99%);--bg-filter-button: hsl(220, 100%, 99%);--bg-filter-button-hover: hsl(206, 64%, 98%);--bg-theme-button: hsl(0, 0%, 93%);--bg-theme-button-hover: hsl(0, 0%, 78%);--bg-remove-button-hover: hsl(280, 9%, 94%);--bg-toggle-button-inactive: hsl(0, 0%, 78%);--bg-toggle-button-indicator: hsl(200, 60%, 99%);--clr-primary: hsl(227, 75%, 14%);--clr-secondary: hsl(226, 25%, 17%);--clr-tertiary: hsl(220, 100%, 99%);--clr-accent: hsl(3, 77%, 44%);--clr-header-border: hsl(224, 29%, 90%);--clr-filter-button-border: hsl(224, 27%, 89%);--clr-filter-button-border-hover: hsl(212, 32%, 91%);--clr-filter-button-hover: hsl(228, 13%, 45%);--clr-extension-border: hsl(215, 31%, 89%);--clr-remove-button-border: hsl(220, 3%, 78%)}button{cursor:pointer}button:focus-visible{outline:2px solid var(--clr-accent);outline-offset:2px}.app{min-height:100vh;padding-block:24px 64px;padding-inline:16px;background:var(--bg-gradient);font-family:var(--ff-noto-sans)}.app>*{width:100%;max-width:1170px;margin-inline:auto}@media screen and (min-width: 1202px){.app{padding-block:40px 74px}}
.header{display:flex;justify-content:space-between;align-items:center;padding:7px 11px;margin-bottom:2.375rem;background:var(--bg-primary);border:1px solid var(--clr-header-border);border-radius:10px}.header__logo{width:auto;height:42px}.header__logo--hidden{display:none}.theme-button{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:50px;height:50px;padding:0;background:var(--bg-theme-button);border:0;border-radius:10px;transition:background 100ms linear}.theme-button:hover,.theme-button:focus-visible{background:var(--bg-theme-button-hover)}.theme-button__icon{width:22px}.theme-button__icon--hidden{display:none}@media screen and (min-width: 1202px){.header{padding:11px 15px;margin-bottom:4rem;border-radius:20px}}
.extensions-list__heading{margin-bottom:1.25rem;font-size:2.125rem;font-weight:700;text-align:center;letter-spacing:-0.0625rem;line-height:1.2;color:var(--clr-primary)}.extensions-list__container{display:grid;grid-template-columns:repeat(auto-fit, min(100%, 382px));justify-content:center;gap:12px;width:100%}.filters-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:2rem}.filters-container__button{padding:8.5px 18.5px;background:var(--bg-filter-button);border:1px solid var(--clr-filter-button-border);border-radius:1000px;font-size:1.25rem;color:var(--clr-primary);transition-property:background,border,color;transition-duration:100ms;transition-timing-function:linear}.filters-container__button:hover,.filters-container__button:focus-visible{background:var(--bg-filter-button-hover);border:1px solid var(--clr-filter-button-border-hover);color:var(--clr-filter-button-hover)}.filters-container__button--active{cursor:default;background:var(--clr-accent);border:1px solid var(--clr-accent);color:var(--clr-tertiary)}.filters-container__button--active:hover,.filters-container__button--active:focus-visible{background:var(--clr-accent);border:1px solid var(--clr-accent);color:var(--clr-tertiary)}@media screen and (min-width: 1202px){.extensions-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.extensions-list__heading{margin-bottom:0}.filters-container{margin-bottom:0}}
.extension{display:flex;flex-direction:column;justify-content:space-between;max-width:382px;min-height:200px;padding:19px;background:var(--bg-primary);border:1px solid var(--clr-extension-border);border-radius:20px}.extension__container{display:flex;align-items:start;gap:16px;margin-bottom:1.25rem}.extension__logo{width:60px;height:60px}.extension__name{margin-bottom:0.375rem;font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--clr-primary)}.extension__description{line-height:1.4;color:var(--clr-secondary)}.extension__buttons-container{display:flex;justify-content:space-between;align-items:center}.extension__remove-button{padding:10px 15px;background:rgba(0,0,0,0);border:1px solid var(--clr-remove-button-border);border-radius:1000px;font-size:1rem;line-height:1;color:var(--clr-primary);transition-property:background,border,color;transition-duration:100ms;transition-timing-function:linear}.extension__remove-button:hover{background:var(--clr-accent);border:1px solid var(--clr-accent);color:var(--clr-tertiary)}.extension__remove-button:focus-visible{background:var(--bg-remove-button-hover);border:1px solid var(--bg-remove-button-hover)}.extension__toggle-button{display:flex;align-items:center;position:relative;flex-shrink:0;width:36px;height:20px;padding-inline:0;background:var(--clr-accent);border:0;border-radius:1000px;transition:background 100ms ease-out}.extension__toggle-button--inactive{background:var(--bg-toggle-button-inactive)}.extension__toggle-indicator{position:absolute;right:2px;width:16px;height:16px;background:var(--bg-toggle-button-indicator);border-radius:50%;transition:right 100ms ease-out}.extension__toggle-indicator--inactive{right:18px}

/*# sourceMappingURL=style.css.map*/