.works_filters_shell{display:flex;flex-direction:column;align-items:stretch;gap:20px;width:100%;max-width:100%;margin:48px auto 0;scroll-margin-top:calc(var(--header-height) + 12px)}@property --works-search-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.works_search{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:10px;width:min(100%,var(--works-search-width));min-width:0;margin:0 auto;padding:1px;border-radius:var(--radius);background:conic-gradient(from var(--works-search-angle),#5ef0ff,#7dffb3 25%,#ff6bcb 50%,#8ec5ff 75%,#5ef0ff);box-shadow:0 0 16px rgb(94 240 255/14%),0 0 32px rgb(255 107 203/8%);animation:works-search-border-shift 4s linear infinite}.works_search_label{font-size:var(--font-size-sm);line-height:1.2;opacity:var(--opacity-muted)}.works_search_input{position:relative;z-index:1;width:100%;box-sizing:border-box;border:0;border-radius:calc(var(--radius) - 1px);background:rgb(0,0,0);color:#fff;font:inherit;font-size:var(--font-size-sm);padding:18px 22px;outline:none;color-scheme:dark}.works_search_input::placeholder{color:rgb(111,111,111)}.works_search:focus-within{box-shadow:0 0 20px rgb(94 240 255/22%),0 0 40px rgb(255 107 203/12%)}.works_search_input::-webkit-search-cancel-button{appearance:none;width:14px;height:14px;cursor:pointer;background:50%/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='%236f6f6f' d='M1.4 0 0 1.4 4.6 6 0 10.6 1.4 12 6 7.4 10.6 12 12 10.6 7.4 6 12 1.4 10.6 0 6 4.6z'/%3E%3C/svg%3E")}@keyframes works-search-border-shift{to{--works-search-angle:360deg}}.works_filters{display:flex;justify-content:center;gap:var(--works-filters-gap);margin:0 auto;width:min(100%,var(--works-filters-row));max-width:100%}.works_filters.is_dual{width:min(100%,var(--works-filters-row-dual))}.works_filters_group{display:flex;flex-direction:column;gap:24px;flex:1 1 var(--works-filter-col);min-width:0;background:rgb(0,0,0);padding:30px;width:var(--works-filter-col);max-width:100%;border-radius:var(--radius);border:1px solid rgb(255 255 255/10%)}.works_filters_title{margin:0;font-size:var(--font-size-sm);line-height:1.2;opacity:var(--opacity-muted)}.works_filters_list{display:flex;flex-wrap:wrap;gap:var(--chip-gap)}.works_filters_item{border:0;font:inherit;font-size:var(--font-size-sm);padding:var(--chip-padding);border-radius:var(--radius-pill);color:rgb(111,111,111);background:rgb(25,25,25);cursor:pointer;transition:color .25s ease,background-color .25s ease,transform .25s ease}.works_filters_item:hover{color:#fff;background:rgb(40,40,40)}.works_filters_item.is_active{color:#fff;background:rgb(70,70,70);transform:scale(1.03)}.works_filters_close,.works_filters_overlay{display:none}.works_empty{margin-top:60px;text-align:center;font-size:var(--font-size-sm);opacity:var(--opacity-muted)}@media (max-width:1280px){.works_filters_shell{width:100%;margin-top:32px;gap:0}.works_search{min-width:0}.works_filters{display:none;position:fixed;z-index:950;left:50%;bottom:140px;top:auto;width:min(360px,calc(100vw - 40px));max-width:none;max-height:min(70vh,520px);margin:0;padding:20px;gap:20px;overflow:auto;flex-direction:column;align-items:stretch;justify-content:flex-start;transform:translateX(-50%);background:#000;border:1px solid rgb(40,40,40);border-radius:var(--radius)}.works_filters.is_open{display:flex;padding-top:48px;animation:works-filters-fade .35s cubic-bezier(.16,1,.3,1)}.works_filters_group{width:100%;max-width:none;padding:0;border:0;background:transparent;gap:16px}.works_filters_close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:var(--radius-pill);background:rgb(255 255 255/8%);color:#fff;cursor:pointer;padding:0}.works_filters_close:hover{background:rgb(255 255 255/14%)}.works_filters_overlay{display:block;position:fixed;inset:0;z-index:940;background:var(--overlay-bg);-webkit-backdrop-filter:blur(var(--overlay-blur));backdrop-filter:blur(var(--overlay-blur));animation:works-filters-fade .35s cubic-bezier(.16,1,.3,1)}}@keyframes works-filters-fade{0%{opacity:0}to{opacity:1}}@media (max-width:640px){.works_filters{width:calc(100vw - 32px);bottom:140px;max-height:min(70vh,520px)}}@media (prefers-reduced-motion:reduce){.works_search{animation:none;background:linear-gradient(120deg,#5ef0ff,#7dffb3,#ff6bcb,#8ec5ff)}}