.container.home{gap:3em;min-height:100vh;display:flex;position:relative}.container.home nav{--color:var(--green);border-radius:var(--radius-lg);background-color:var(--background-color-secondary);flex-direction:column;gap:1.125rem;width:19rem;height:fit-content;padding:1.125rem;display:flex;position:sticky;top:8em}.container.home nav .search{width:100%;position:relative}.container.home nav .search input[type=search]{border-radius:var(--radius-sm);background-color:var(--background-color-primary);width:100%;min-height:2.25rem;transition:color var(--duration-standard)var(--ease-fluid);border:none;outline:0 solid #0000;padding:.75rem .75rem .75rem 2.5em;position:relative}.container.home nav .search input[type=search]::placeholder{color:var(--color-body)}.container.home nav .search input[type=search]:focus-visible{outline-color:var(--background-color-tertiary);outline-width:.0625rem}@media (hover:hover) and (pointer:fine){.container.home nav .search input[type=search]{transition:outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid),color .24s var(--ease-fluid)}.container.home nav .search input[type=search]:hover{outline-color:var(--background-color-tertiary);outline-width:.0625rem}}.container.home nav .search:has(input[type=search]:focus) .icon{color:var(--color-display);transform:rotate(-6deg)translateY(-50%)}.container.home nav .search .icon{z-index:2;transform-origin:50%;transition:transform .24s var(--ease-elastic),color .24s var(--ease-fluid);will-change:transform;position:absolute;top:51%;left:1em;transform:translateY(-50%)}.container.home nav .filter-group{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.container.home nav .filter-group .label{width:100%;color:var(--color-display);margin:.375rem 0 .375rem .5rem;font-weight:600;display:block}.container.home nav .filter-group .item{--color:var(--green);border-radius:var(--radius-sm);background-color:var(--background-color-primary);width:fit-content;height:2.25rem;transition:width .24s var(--ease-elastic),padding .18s var(--ease-fluid),color .24s var(--ease-fluid);border:none;outline:0 solid #0000;justify-content:center;align-items:center;gap:.5em;padding:.5rem .75rem;font-weight:600;display:flex;position:relative}.container.home nav .filter-group .item:focus-visible{outline-color:var(--background-color-tertiary);color:var(--color);outline-width:.0625rem}@media (hover:hover) and (pointer:fine){.container.home nav .filter-group .item{transition:width .24s var(--ease-elastic),padding .18s var(--ease-fluid),outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid),color .24s var(--ease-fluid)}.container.home nav .filter-group .item:hover{outline-color:var(--background-color-tertiary);color:var(--color);outline-width:.0625rem}}.container.home nav .filter-group .item:has(input[type=radio]:checked){color:var(--color);padding-right:.875rem}.container.home nav .filter-group .item input[type=radio]{display:none}.container.home nav .filter-group .item input[type=radio]:checked+.icon{color:var(--green);display:block}.container.home nav .filter-group .item input[type=radio]:checked+.icon path{animation:draw-tick .54s var(--ease-fluid)forwards}.container.home nav .filter-group .item .icon{transition:display var(--duration-standard)var(--ease-elastic);display:none}.container.home nav .filter-group .item .icon path{stroke-dasharray:24;stroke-dashoffset:24px}.container.home ul{flex-wrap:wrap;flex:1 1 0;justify-content:flex-start;align-items:stretch;gap:1.5em;height:fit-content;margin:0;padding:0;list-style-type:none;display:flex}.container.home ul li a{border-radius:var(--radius-lg);background-color:var(--background-color-secondary);width:15rem;height:100%;animation-timeline:view();animation-duration:var(--duration-slow);animation-timing-function:var(--ease-elastic);will-change:transform,opacity;outline:0 solid #0000;justify-content:flex-start;align-items:center;gap:1.125rem;padding:1.125rem;animation-name:items-fade-in;animation-fill-mode:both;animation-range:entry 0 cover 30%;display:flex}.container.home ul li a:focus-visible{outline-color:var(--background-color-tertiary);outline-width:.0625rem}@media (hover:hover) and (pointer:fine){.container.home ul li a{transition:outline-color .24s var(--ease-fluid),outline-width .18s var(--ease-fluid)}.container.home ul li a:hover{outline-color:var(--background-color-tertiary);outline-width:.0625rem}}.container.home ul li a .icon{justify-content:center;align-items:center;width:30%;height:100%;display:flex}.container.home ul li a .icon img,.container.home ul li a .icon svg{object-fit:contain;width:100%;height:100%}.container.home ul li a .content{color:var(--color-caption);font-weight:600;font-size:var(--font-size-caption);line-height:1.8}.container.home ul li a .content h3{color:var(--color-display);font-size:.9375rem}.container.home ul li.empty{margin-top:1.125rem;line-height:1.8}.container.home ul li.empty h3{color:var(--color-display);font-size:.9375rem}@media (max-width:60rem){.container.home{flex-direction:column}.container.home nav{top:unset;width:100%;position:relative}.container.home ul{flex:none;grid-template-columns:1fr 1fr;width:100%;display:grid}.container.home ul li a{flex-direction:column;width:100%}.container.home ul li a .icon{width:4.125rem}.container.home ul li a .content{text-align:center}.container.home ul li a .content h3{font-size:var(--font-size-body)}}@keyframes draw-tick{to{stroke-dashoffset:0}}@keyframes items-fade-in{0%{opacity:.6;transform:translateY(1em)}to{opacity:1;transform:translateY(0)}}