section.home{min-height:25rem;scroll-margin-top:6.25rem}section.home .container{display:flex;align-items:flex-start;gap:2.25rem}section.home .container .title-wrapper{width:100%}section.home .container .side-wrapper{max-width:22rem;position:-webkit-sticky;position:sticky;top:6.25rem;display:flex;flex-direction:column;flex-wrap:wrap;gap:1.125rem}section.home .container .themes-sidebar{width:100%;padding:1.125rem;display:flex;flex-direction:column;align-items:center;gap:1.125rem;border-radius:var(--radius-02);background-color:var(--background-color-02)}section.home .container .themes-sidebar .title-wrapper{display:none;flex-direction:column}section.home .container .themes-sidebar .filter-group{width:100%;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.375rem;border:none}section.home .container .themes-sidebar .filter-group .title{width:100%;margin-bottom:.375rem;font-family:var(--font-inter);font-weight:700}section.home .container .themes-sidebar .filter-group .search-wrapper{position:relative;display:block;flex-basis:0;flex-grow:1;flex-shrink:1}section.home .container .themes-sidebar .filter-group .search-wrapper input{width:100%;padding:.75rem .375rem .75rem 2.625rem;display:flex;align-items:center;gap:.75rem;outline:none;border-radius:var(--radius-01);border:.125rem solid var(--background-color-01);cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;color:var(--neutral-03);background-color:var(--background-color-01);transition:border-color .32s ease}section.home .container .themes-sidebar .filter-group .search-wrapper input::placeholder{font-family:inherit;font-size:inherit;color:inherit;transition:color .16s ease}section.home .container .themes-sidebar .filter-group .search-wrapper .icon{position:absolute;transform:translate(-50%,-50%);top:50%;left:1.5rem;transition:color .16s ease;z-index:1}section.home .container .themes-sidebar .filter-group .search-wrapper:focus-within input,section.home .container .themes-sidebar .filter-group .search-wrapper:hover input{border-color:var(--neutral-04)}section.home .container .themes-sidebar .filter-group .search-wrapper:focus-within .icon,section.home .container .themes-sidebar .filter-group .search-wrapper:hover .icon{color:var(--green)}section.home .container .themes-sidebar .filter-group .option{width:-moz-fit-content;width:fit-content;padding:.75rem 1.125rem;position:relative;display:flex;align-items:center;justify-content:center;gap:.5em;border-radius:var(--radius-01);border:.125rem solid var(--background-color-01);cursor:pointer;line-height:1;text-decoration:none;font-size:var(--text-01);font-weight:700;background-color:var(--background-color-01);transition:border-color .32s ease,transform .16s ease}section.home .container .themes-sidebar .filter-group .option input{width:0;height:0;position:absolute;inset:0;visibility:hidden}section.home .container .themes-sidebar .filter-group .option input:checked~span{color:var(--green)}section.home .container .themes-sidebar .filter-group .option span{color:var(--neutral-04);transition:color .16s ease}section.home .container .themes-sidebar .filter-group .option span.icon{width:.75rem;height:.75rem}section.home .container .themes-sidebar .filter-group .option span.icon svg.unchecked{width:.5em;height:.5em}section.home .container .themes-sidebar .filter-group .option:hover{border-color:var(--neutral-04)}section.home .container .themes-sidebar .filter-group .option:hover span{color:var(--neutral-02)}section.home .container .themes-sidebar .filter-group .option:active{transform:scale(.96)}section.home .container .apps-wrapper{flex-basis:0;flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem}section.home .container .apps-wrapper .apps-grid{width:100%;margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;gap:.75rem;list-style:none}section.home .container .apps-wrapper .apps-grid .app{width:20rem;padding:2rem;display:flex;align-items:center;gap:2rem;border-radius:var(--radius-02);border:.125rem solid var(--background-color-02);text-decoration:none;background-color:var(--background-color-02);transition:background-color .32s ease-in-out}section.home .container .apps-wrapper .apps-grid .app .icon{width:5rem;height:5rem;display:flex}section.home .container .apps-wrapper .apps-grid .app .icon img,section.home .container .apps-wrapper .apps-grid .app .icon svg{width:100%;height:100%;object-fit:contain;object-position:center}section.home .container .apps-wrapper .apps-grid .app .content{flex-basis:0;flex-grow:1;flex-shrink:1;display:flex;align-items:flex-start;flex-direction:column;gap:.375rem;line-height:1.5}section.home .container .apps-wrapper .apps-grid .app .content .title,section.home .container .apps-wrapper .apps-grid .app .content .views{text-align:left}section.home .container .apps-wrapper .apps-grid .app .content .title{font-size:var(--text-02)}section.home .container .apps-wrapper .apps-grid .app .content .views{color:var(--neutral-04)}section.home .container .apps-wrapper .apps-grid .app:focus-within,section.home .container .apps-wrapper .apps-grid .app:hover{background-color:var(--background-color-01)}@media screen and (max-width:64rem){section.home .container{flex-direction:column}section.home .container .title-wrapper{text-align:center}section.home .container .side-wrapper{width:100%;max-width:100%;position:relative;top:unset}section.home .container .side-wrapper .title-wrapper{display:flex}section.home .container .side-wrapper .card-promo-banner,section.home .container .side-wrapper .filter-group.categories,section.home .container .side-wrapper .filter-group.platforms{display:none}section.home .container .apps-wrapper{flex:none;width:100%}section.home .container .apps-wrapper .title-wrapper{display:none}section.home .container .apps-wrapper .apps-grid{justify-content:center}section.home .container .apps-wrapper .apps-grid li,section.home .container .apps-wrapper .apps-grid li .app{width:100%}}