.LiveFeed{height:100vh;grid-template-columns:400px auto;background-size:600px 600px;background-attachment:fixed;background-position:0 100%;background-repeat:no-repeat}@media (min-width:768px){.LiveFeed{display:grid;padding-inline-start:40px;padding-top:2.5rem}}.LiveFeed{background-image:url(/backgrounds/main-background.png)}.LiveFeed__side{display:flex;flex-direction:column;gap:3rem;padding:1.25rem}@media (min-width:768px){.LiveFeed__side{padding:0;padding-top:2rem}}.LiveFeed__menu{display:none;min-height:12rem;flex-direction:column;gap:1rem;border-start-start-radius:36px;border-end-start-radius:36px;background-color:hsla(var(--background));padding:.75rem;padding-right:3rem}@media (min-width:768px){.LiveFeed__menu{display:flex}}.LiveFeed__desktopFilterContainer{display:none}@media (min-width:1024px){.LiveFeed__desktopFilterContainer{display:block}}.LiveFeed__filterSection{margin-top:4rem}.LiveFeed__filterSection>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.LiveFeed__filterSection__title{padding:0 24px}.LiveFeed__filterSection__title p{font-size:12px;font-weight:400;color:hsla(var(--white-200))}.LiveFeed__filterSection__filters{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-start}.LiveFeed__filterSection__filters>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.LiveFeed__filterSection__filters{vertical-align:middle}.LiveFeed__projects{display:flex;flex-direction:column;gap:1.25rem;border-top-left-radius:36px;border-top-right-radius:36px;background-color:hsla(var(--background));padding:24px}.LiveFeed__projects__header{display:flex;align-items:center;justify-content:space-between}.LiveFeed__projects__header h2{margin:0;font-size:1.25rem;line-height:1.75rem;font-weight:500}.LiveFeed__projects__header__Left{display:flex;cursor:pointer;align-items:baseline;gap:1rem;font-size:20px;font-weight:500;color:hsla(var(--white-0))}.LiveFeed__projects__header__Left__Subtext{font-size:14px;color:hsla(var(--white-200));opacity:.6}.LiveFeed__projects__container{display:grid;height:85vh;width:100%;place-content:start;justify-content:stretch;gap:1.5rem;overflow-y:scroll}.LiveFeed__projects__container-placeholderContainer{display:flex;height:50vh;flex-direction:column;align-items:center;justify-content:center}.LiveFeed__projects__container-placeholderContainer p{color:hsla(var(--white-200))}.LiveFeed__projects__container-loader{text-align:center;font-size:.75rem;line-height:1rem;font-style:italic;color:hsla(var(--white-25))}.LiveFeed__projects__filters{display:flex;justify-content:space-between;gap:1rem}.LiveFeed__projects__filters-refresh{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;animation-duration:.3s}.LiveFeed__projects__filters-refresh:active{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.LiveFeed__projects__filters-refresh svg{height:1rem;width:1rem;color:hsla(var(--white-200))}.LiveFeed__projects__filters-search_mobile{display:flex;align-items:center}.LiveFeed__projects__filters-search_mobile>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.LiveFeed__projects__filters-search_mobile__icons{height:14px;width:14px;color:hsla(var(--white-200))}.LiveFeed__projects__filters-search_mobile__filterIcon{display:flex}@media (min-width:1024px){.LiveFeed__projects__filters-search_mobile__filterIcon{display:none}}.LiveFeed__projects__filters-search{display:none;align-items:center}.LiveFeed__projects__filters-search>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}@media (min-width:1024px){.LiveFeed__projects__filters-search{display:none}}.LiveFeed__projects__filters-search input{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(51 51 51/var(--tw-bg-opacity,1));padding-top:.5rem;padding-bottom:.5rem;padding-left:3rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;color:hsla(var(--white-0))}.LiveFeed__projects__filters-search-searchIcon{position:absolute;left:.5rem;top:50%;display:flex;height:24px;width:24px;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));align-items:center;justify-content:center;border-radius:12px;background-color:hsla(var(--black-0));color:hsla(var(--white-200))}.LiveFeed__top{position:fixed;bottom:0;z-index:50;display:flex;width:100%;justify-content:center}@media (min-width:768px){.LiveFeed__top{position:relative;justify-content:flex-end;padding-right:5rem}}.LiveFeed__confirm{display:flex;width:322px;align-items:center;justify-content:space-between;border-top-left-radius:24px;border-top-right-radius:24px;background-color:hsla(var(--background));padding:1rem}.LiveFeed__confirm-start{font-size:12px;font-weight:500}.LiveFeed__confirm-start span{font-size:12px;color:hsla(var(--white-200))}