.tags-navigation-wrapper{position:relative}.tags-navigation{display:flex;flex-direction:row;margin:0 -3px 1rem;padding:3px 3px .25rem}.tags-navigation--wrap{flex-wrap:wrap}.tags-navigation--wrap .tag-navigation-item{margin-bottom:.5rem}.tags-navigation .tag-navigation-item{align-items:center;background-color:#fff;border-radius:.375rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075);color:#000;display:flex;flex-direction:column;margin-right:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out}.tags-navigation .tag-navigation-item .text{display:flex;flex-direction:column;flex-grow:1;font-size:.8124375rem;justify-content:center;text-align:center;white-space:nowrap}.tags-navigation .tag-navigation-item.active{background-color:#af2bab;color:#fff;font-weight:700}.tags-navigation .tag-navigation-item.inactive{background-color:#adb5bd;color:#fff;opacity:.6}.tags-navigation .tag-navigation-item:last-child{margin-right:0}@media(min-width:768px){.tags-navigation .tag-navigation-item{padding:1rem 1.5rem}.tags-navigation .tag-navigation-item .text{font-size:.9375rem}.tags-navigation .tag-navigation-item:hover{box-shadow:0 .125rem .25rem rgba(0,0,0,.075);transform:translateY(-3px)}}.tags-navigation-gradient{bottom:0;pointer-events:none;position:absolute;top:0;width:20px;z-index:1}.tags-navigation-gradient--left{background:linear-gradient(90deg,#f8f9fa,rgba(248,249,250,0));left:-3px}.tags-navigation-gradient--right{background:linear-gradient(270deg,#f8f9fa,rgba(248,249,250,0));right:-3px}