:root{--portfolio-transition-time: 0.4s;--portfolio-filter-items-gap-x: 1.5em;--portfolio-filter-items-gap-y: 1.5em;--portfolio-filter-item-color: inherit;--portfolio-filter-item-font-weight: bold;--portfolio-filter-item-color-active: #4856f3;--portfolio-filter-item-color-hover: inherit}.vee-portfolio-filter__items{display:flex;flex-wrap:wrap;justify-content:center;margin:calc(var(--portfolio-filter-items-gap-y) * -.5) calc(var(--portfolio-filter-items-gap-x) * -.5);padding:0;list-style:none}.vee-portfolio-filter__item{padding:calc(var(--portfolio-filter-items-gap-y) * .5) calc(var(--portfolio-filter-items-gap-x) * .5)}.vee-portfolio-filter__item-name{display:block;color:var(--portfolio-filter-item-color);font-weight:var(--portfolio-filter-item-font-weight);text-decoration:none;background:transparent;border:0;padding:0}.vee-portfolio-filter__item-name:hover{text-decoration:none;color:var(--portfolio-filter-item-color-hover)}.vee-portfolio-filter__item-name.active{color:var(--portfolio-filter-item-color-active)}.vee-portfolio-filter--orientation-vertical .vee-portfolio-filter__items{flex-direction:column;align-items:center}.vee-portfolio-filter--orientation-vertical.vee-portfolio-filter--align-left .vee-portfolio-filter__items{align-items:flex-start}.vee-portfolio-filter--orientation-vertical.vee-portfolio-filter--align-right .vee-portfolio-filter__items{align-items:flex-end}.vee-portfolio-filter--orientation-horizontal.vee-portfolio-filter--align-left .vee-portfolio-filter__items{justify-content:flex-start}.vee-portfolio-filter--orientation-horizontal.vee-portfolio-filter--align-right .vee-portfolio-filter__items{justify-content:flex-end}:root{--portfolio-filter-item-name-padding-y: 0.5em;--portfolio-filter-item-border-width: 2px;--portfolio-filter-item-border-color: #4856f3}.vee-portfolio-filter--type-2 .vee-portfolio-filter__item-name{position:relative;padding-bottom:var(--portfolio-filter-item-name-padding-y)}.vee-portfolio-filter--type-2 .vee-portfolio-filter__item-name::after{position:absolute;bottom:0;left:50%;width:0;height:var(--portfolio-filter-item-border-width);background-color:var(--portfolio-filter-item-border-color);transform:translateX(-50%);transition:width var(--portfolio-transition-time);content:""}.vee-portfolio-filter--type-2 .vee-portfolio-filter__item-name.active::after{width:100%}