@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;500;700&display=swap";body{margin:0;padding:0;background:linear-gradient(180deg,#040918,#091540);color:#ededed;font-family:Noto Sans,sans-serif;min-height:100vh}body.dark-mode{background:linear-gradient(180deg,#ebf2fc,#eef8f9)}main{max-width:1440px;margin-inline:auto}.wrapper-logo{background-color:#212636;display:flex;align-items:center;justify-content:space-between;padding:20px;border-radius:15px;margin-block-start:40px;color:#fff}.wrapper-logo.dark-mode{background-color:#fbfdfe}.logo.light-mode{color:#000}.logo.dark-mode{color:#fff}.wrapper-logo>button{background-color:#545969;border:none;padding:12px;border-radius:10px;cursor:pointer}.wrapper-logo.dark-mode>button{background-color:#ededed}.wrapper-filters{display:flex;align-items:center;justify-content:space-between;margin-block-start:40px}.wrapper-filters.dark-mode{color:#09153e}.options-filters{display:flex;align-items:center;gap:15px}.options-filters>button{background-color:#2f364b;border:none;color:#c7c7c7;padding:10px 15px;border-radius:20px;font-size:20px;cursor:pointer}.options-filters.dark-mode>button{background-color:#fbfdfe;color:#09153e}.options-filters>button:hover{background-color:#545969}.options-filters.dark-mode>button:hover{background-color:#ededed}.options-filters button:focus,.options-filters .active{background-color:#f25c54;color:#09153e}.options-filters.dark-mode button:focus,.options-filters.dark-mode .active{background-color:#f25c54;color:#fbfdfe}.wrapper-extensions{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-block-end:50px}.extension-card{padding:20px;background-color:#212636;border:.5px solid hsl(226,11%,37%);border-radius:20px}.extension-card.dark-mode{background-color:#fbfdfe;border:.5px solid hsl(200,60%,99%);color:#09153e}.extension-card-description{display:flex;align-items:start;gap:20px}.card-description h3,.card-description p{padding:0;margin:0}.card-description p{color:#c7c7c7;margin-block-start:10px}.card-description.dark-mode p{color:#545969}.extension-card-actions{margin-block-start:40px;display:flex;align-items:center;justify-content:space-between}.extension-card-actions button{background-color:transparent;border:.5px solid hsl(226,11%,37%);color:#c7c7c7;padding:10px 15px;border-radius:20px;font-size:15px;cursor:pointer}.extension-card-actions.dark-mode button{color:#091540}.extension-card-actions button:hover{background-color:#f44;color:#091540;border:.5px solid #ff4444}.extension-card-actions.dark-mode button:hover{color:#fbfdfe}.custom-toggle{position:relative;display:inline-block;width:36px;height:20px}.custom-toggle input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#555;transition:.3s;border-radius:12px}.slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;top:3px;background-color:#fff;transition:.3s;border-radius:50%}.custom-toggle input:checked+.slider{background-color:#f44}.custom-toggle input:checked+.slider:before{transform:translate(16px)}.hide{display:none}@media (max-width: 600px){main{max-width:375px;padding-inline:20px}.wrapper-logo{padding:10px}.wrapper-filters{flex-direction:column}.wrapper-extensions{margin-block-start:35px;grid-template-columns:repeat(1,1fr);gap:10px}}