@import"https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";:root{--radius: .75rem}body{--gradient: linear-gradient(180deg, #040918 0%, #091540 100%);--clr-red-400: hsl(3, 86%, 64%);--clr-neutral-400: hsl(226, 25%, 17%);--clr-neutral-300: hsl(0, 0%, 78%);--clr-neutral-0: hsl(200, 60%, 99%);--clr-outline: hsl(226, 11%, 37%);--clr-outline-hero: none;--clr-btn: hsl(225, 23%, 24%);--clr-btn-hover: hsl(226, 11%, 37%);--clr-filter-hover: hsl(226, 11%, 37%);--clr-toggle: hsl(226, 11%, 37%);--clr-remove: hsl(200, 60%, 99%);--clr-remove-hover: hsl(225, 23%, 24%);min-height:100vh;font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;color:var(--clr-neutral-300);background-image:var(--gradient)}body[data-theme=light]{--gradient: linear-gradient(180deg, #ebf2fc 0%, #eef8f9 100%);--clr-red-400: hsl(3, 77%, 44%);--clr-neutral-400: hsl(200, 60%, 99%);--clr-neutral-300: hsl(226, 11%, 37%);--clr-neutral-0: hsl(225, 23%, 24%);--clr-outline: hsl(0, 0%, 78%);--clr-outline-hero: hsl(0, 0%, 78%);--clr-btn: hsl(0, 0%, 93%);--clr-btn-hover: hsl(0, 0%, 78%);--clr-filter-hover: hsl(0, 0%, 93%);--clr-toggle: hsl(0, 0%, 78%);--clr-remove: hsl(225, 23%, 24%);--clr-remove-hover: hsl(200, 60%, 99%)}h1,h2,h3{color:var(--clr-neutral-0);font-family:Noto Sans,sans-serif;font-weight:700;line-height:1}h1{font-size:clamp(1.75rem,1.6464rem + .5525vw,2rem)}h2{font-size:clamp(2.125rem,1.9696rem + .8287vw,2.5rem)}h3{font-size:clamp(1.375rem,1.2196rem + .8287vw,1.75rem)}p{font-size:clamp(1rem,.9482rem + .2762vw,1.125rem)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}._container_1yxli_1{max-width:80rem;margin:0 auto;padding:2rem 1rem}._hero_4o87t_1{background-color:var(--clr-neutral-400);outline:1px solid var(--clr-outline-hero);margin-bottom:3rem;padding:1rem;border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}._logo_4o87t_12{display:flex;align-items:center;gap:.75rem}._btn_vd44z_1{background-color:var(--clr-btn);padding:1rem;border-radius:var(--radius);border:none;cursor:pointer;transition:all ease-in .3s}._btn_vd44z_1:hover{background-color:var(--clr-btn-hover)}._btn_vd44z_1:focus-visible{outline:2px solid var(--clr-red-400);outline-offset:2px}._filter_1u5s3_1{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}fieldset{display:flex;border:none;gap:.5rem}._btn_1u5s3_16{font-family:inherit;font-size:inherit;display:flex;justify-content:center;align-items:center;background-color:var(--clr-neutral-400);color:var(--clr-remove);padding:.5rem 1rem;outline:1px solid var(--clr-outline);border-radius:1.5rem;cursor:pointer;transition:all ease-in .3s}input[type=radio]{display:none}input:checked~._btn_1u5s3_16{color:var(--clr-btn);background-color:var(--clr-red-400)}._btn_1u5s3_16:hover{background-color:var(--clr-filter-hover)}._btn_1u5s3_16:focus-visible{outline:2px solid var(--clr-red-400);outline-offset:2px}._grid_oajrw_1{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:1rem}li{background-color:var(--clr-neutral-400);outline:1px solid var(--clr-outline);padding:2rem;border-radius:var(--radius);display:flex;flex-direction:column;justify-content:space-between;max-width:38rem}._content_u9pbb_12{display:flex;align-items:flex-start;gap:1rem}._description_u9pbb_18{margin-top:.75rem}._actions_u9pbb_22{display:flex;justify-content:space-between;align-items:center;margin-top:2rem}._btn_u9pbb_29{background-color:var(--clr-neutral-400);color:var(--clr-remove);border:none;border-radius:1.5rem;outline:1px solid var(--clr-outline);padding:.5rem 1rem;cursor:pointer;transition:all ease-in .3s}._btn_u9pbb_29:hover{color:var(--clr-remove-hover);background-color:var(--clr-red-400)}._btn_u9pbb_29:focus-visible{background-color:var(--clr-btn);outline:2px solid var(--clr-red-400);outline-offset:2px}._toggle_u9pbb_51{position:relative;cursor:pointer}._toggle-input_u9pbb_57{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}._switch_u9pbb_66{display:flex;align-items:center;justify-content:space-around;width:3.1rem;height:2rem;border:none;border-radius:1rem;background-color:var(--clr-toggle);transition:all ease-in .3s}._switch_u9pbb_66:before{content:"";z-index:2;position:absolute;left:3px;box-sizing:border-box;width:1.75rem;height:1.75rem;background-color:#fbfdfe;border-radius:50%;transition:all ease-in .3s}._toggle-input_u9pbb_57:focus-visible+._switch_u9pbb_66{outline:2px solid var(--clr-red-400);outline-offset:2px}._toggle-input_u9pbb_57:checked+._switch_u9pbb_66{background-color:var(--clr-red-400)}._toggle-input_u9pbb_57:checked+._switch_u9pbb_66:before{transform:translate(1rem)}