body{margin:0;padding:1.75rem 0 4rem}#app{display:flex;flex-direction:column;justify-content:center}header{max-width:71.125rem;display:flex;justify-content:space-between;flex-direction:row;width:100%;padding:1rem;border-radius:1.25rem;background-color:#212636;align-items:center}main{max-width:73.125rem}header,main{width:100%;margin:0 auto}.toggle-theme{padding:1.5rem;border-radius:1rem;display:flex}main{font-family:Noto Sans,sans-serif}main .header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin:3rem 0 1rem}.filter-wrapper button:nth-child(2){margin:0 .75rem}button{outline:none}.toggle-theme{border:none}.filter-wrapper button,.extension button,.additional-buttons button{border-radius:3rem;padding:.5rem 1.25rem;font-size:1.3rem}.wrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;width:100%}.extension{border-radius:1rem;padding:1rem;box-sizing:border-box}.extension button{background:none;font-size:.9rem}.extension>div{display:flex;flex-direction:row}.extension h2{margin:0;font-size:1.2rem}.extension>div:first-child{gap:1rem;align-items:flex-start}.extension>div:last-child{justify-content:space-between;align-items:center}.active{background-color:#de473f!important;color:#09153e!important;border-color:#f25c54!important}button:hover{cursor:pointer}.additional-buttons{margin-top:3rem;display:flex;flex-direction:row;gap:1rem}.toggle{position:relative;display:inline-block;width:2.25rem;height:1.25rem;border-radius:3rem}.toggle input{opacity:0;height:0;width:0;margin:0}.toggle label{position:absolute;cursor:pointer;inset:0;background-color:#545969;border-radius:1rem;transition:background-color .3s}.toggle label:before{content:"";position:absolute;height:14px;width:14px;left:3px;top:3px;background-color:#fbfdfe;border-radius:50%;transition:transform .3s}.toggle input:checked+label{background-color:#f25c54}.toggle input:checked+label:before{transform:translate(1rem)}button:focus,.toggle-theme:focus,.toggle:focus{outline:2px solid hsl(3,71%,56%);border:2px solid hsl(227,75%,14%)}.toggle-theme.dark-theme{background:url(/icon-sun.svg) no-repeat center,#2f364b}.toggle-theme.light-theme{background:url(/icon-moon.svg) no-repeat center,#c7c7c7}body.dark-theme{background:linear-gradient(180deg,#040918,#091540);color:#fbfdfe}body.light-theme{background:linear-gradient(180deg,#ebf2fc,#eef8f9);color:#09153e}.logo>svg>path.dark-theme{fill:#fbfdfe}.logo>svg>g>path.dark-theme{fill:#f25c54}.logo>svg>path.light-theme{fill:#091540}.logo>svg>g>path.light-theme{fill:#c7231a}.extension.dark-theme,header.dark-theme{background-color:#212636;border:1px solid hsl(226,11%,37%)}.extension.light-theme,header.light-theme{background-color:#fbfdfe;border:1px solid hsl(0,0%,78%);box-shadow:#c7c7c7 0 3px 5px}.filter-wrapper button.dark-theme,.extension button.dark-theme,.additional-buttons button.dark-theme{color:#fbfdfe;background-color:#2f364b;border:1px solid hsl(226,11%,37%)}.filter-wrapper button.light-theme,.extension button.light-theme,.additional-buttons button.light-theme{color:#09153e;background-color:#fbfdfe;border:1px solid hsl(0,0%,78%)}.ext-description.dark-theme{color:#c7c7c7}.ext-description.light-theme{color:#545969}@media screen and (max-width: 700px){body{padding:1rem}.wrapper{display:flex;flex-direction:column;margin-bottom:3rem}header{width:calc(100% - 2rem)!important}main .header{flex-direction:column}}