.projectFilter .itemContainer{position:fixed;top:0;z-index:10;width:200px;display:inline-block;height:100vh;padding:60px 15px 15px;background:#fff;left:100vw}.projectFilter .itemContainer.active{transition:transform .3s;transform:translate(-100%)}.mobileButton{position:fixed;top:11px;right:0;font-size:12px;color:#1b1b1b;font-weight:700;z-index:9999;padding:10px;cursor:pointer}.mobileButton .line1{width:12px}.mobileButton .line1,.mobileButton .line2{height:2px;background-color:#1b1b1b;margin-bottom:2px}.mobileButton .line2{width:8px;margin-left:2px}.mobileButton .line3{width:6px;margin-left:3px}.mobileButton .line3,.mobileButton .line4{height:2px;background-color:#1b1b1b;margin-bottom:2px}.mobileButton .line4{width:4px;margin-left:4px}.projectFilter .items .item{width:100%;margin-right:45px;margin-bottom:7px;margin-left:20px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:.04em;color:#6b6b6b;position:relative;text-transform:uppercase}.projectFilter .items .item:last-of-type{margin-right:0}.projectFilter .items .item.highlight:before{display:block;background-color:#000;position:absolute;content:"";top:4px;left:-12px;width:5px;height:5px}@media (min-width:1025px) and (min-width:1600px) and (min-height:1000px){.projectFilter .items .item:before{top:5px}.projectFilter .items .item{font-size:14px;line-height:16px}}@media (min-width:1025px){.projectFilter .items .item.highlight:before{display:block;background-color:#000;position:absolute;content:"";top:4px;left:-12px;width:5px;height:5px}.projectFilter .items .item.highlight{color:#000}.projectFilter .items .item.highlight:before{transition:transform .3s cubic-bezier(.25,.46,.45,.94);transform:scale(1);transform-origin:50% 50%}.projectFilter .items .item:last-of-type{margin-right:0}.mobileButton{left:82px;top:23px;display:none}.projectFilter .itemContainer{left:0;right:0;height:60px;display:flex;align-items:center;justify-content:center;z-index:9999;width:100%;padding:unset;transform:unset;transition:unset;background:unset}.projectFilter .items{display:flex}.projectFilter .items .item{margin-right:83px}.projectFilter .items .search .inner{left:83px}.projectFilter .items .item{width:unset;margin-right:45px;margin-bottom:unset;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-style:normal;font-weight:400;font-size:12px;line-height:15px;letter-spacing:.04em;position:relative;margin-left:0}}body.nightshift .projectFilter .items .item{color:#797979;transition:color .3s cubic-bezier(.25,.46,.45,.94)}body.nightshift .projectFilter .items .item:before{background-color:#fff}body.nightshift .projectFilter .items .item.highlight{color:#fff;transition:color .3s cubic-bezier(.25,.46,.45,.94)}body.nightshift .projectFilter .items .item.highlight:before{transition:transform .3s cubic-bezier(.25,.46,.45,.94);transform:scale(1);transform-origin:50% 50%}.letter{display:inline-block}