.filter-tabs{display:flex;gap:20px;align-items:center}.tab-wrapper{position:relative;width:100%}.tab-button{width:100%;padding:12px 16px;font-size:calc(var(--base-size)*16);line-height:24px;height:48px;width:260px;font-weight:400;background-color:#fafafa;color:#333c99;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 5px rgba(0,0,0,.0784313725);border:1px solid #b4b4b4;border-radius:6px}.tab-button.active{background-color:#2a2b64;color:#fff;border:none;box-shadow:0 4px 6px rgba(0,0,0,.1)}.tab-button:not(.active):hover{border-color:#8c99d2;color:#506edc}@media screen and (max-width:768px){.tab-button{height:46px;padding:9px 16px 13px}}.tab-arrow{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-top:8px solid #2c2c6e}@media screen and (max-width:768px){.tab-button{width:100%}}