.expandable{width:100%;display:grid;grid-template-rows:0fr;overflow:hidden;transition-timing-function:ease-in-out;transition-duration:.2s;transition-property:grid-template-rows}.expandable>.content{min-height:0;visibility:hidden;width:100%}.expandable.expanded{grid-template-rows:1fr}.expandable.expanded>.content{visibility:visible}#portfolio-filter{width:100%;max-width:660px;padding-bottom:50px}#portfolio-filter>.inner{min-height:60px;width:100%;box-sizing:border-box;padding:10px 20px;border:1px solid var(--main-light);background-color:var(--main-darkest);border-radius:15px}#portfolio-filter>.inner>.main{width:100%;display:grid;grid-template-columns:1fr 42px;grid-template-rows:42px;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}#portfolio-filter>.inner>.main>p{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:18px;font-size:calc(12px*var(--font-scale));color:var(--white)}#portfolio-filter>.inner>.main>p :first-child{color:var(--inactive-grey-dark)}#portfolio-filter>.inner>.main svg{transition-timing-function:ease-out;transition-duration:.15s;transition-property:transform;transform:rotate(90deg)}#portfolio-filter>.inner>.main svg.active{transform:rotate(0deg)}#portfolio-filter>.inner .divider{width:100%;box-sizing:border-box;padding:20px 0}#portfolio-filter>.inner .divider .line{content:" ";display:block;width:100%;height:1px;background-color:var(--main-dark);-webkit-user-select:none;-moz-user-select:none;user-select:none}#portfolio-filter>.inner .content>.bottom{width:100%;box-sizing:border-box;padding-bottom:20px}#portfolio-filter>.inner .content>.bottom .clear{margin:0;padding:0;background-color:transparent;border:none;font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:18px;font-size:calc(12px*var(--font-scale));color:var(--white);text-decoration:underline;text-decoration-color:var(--white);text-underline-offset:4px}#portfolio-filter>.inner .content .filter-section{box-sizing:border-box}#portfolio-filter>.inner .content .filter-section:not(:nth-child(4)){padding-bottom:20px}#portfolio-filter>.inner .content .filter-section button,#portfolio-filter>.inner .content .filter-section p{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:400;line-height:18px;font-size:calc(12px*var(--font-scale))}#portfolio-filter>.inner .content .filter-section>.name{color:var(--main-light);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box;padding-bottom:8px}#portfolio-filter>.inner .content .filter-section .filters{display:flex;flex-flow:row wrap;width:100%;-moz-column-gap:20px;column-gap:20px;row-gap:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}#portfolio-filter>.inner .content .filter-section .filters button{background-color:transparent;border:none;margin:0;padding:0;cursor:pointer;color:var(--inactive-grey-dark);transition-timing-function:ease-out;transition-duration:.15s;transition-property:color}#portfolio-filter>.inner .content .filter-section .filters button.active,#portfolio-filter>.inner .content .filter-section .filters button:hover{color:var(--white)}