@keyframes default-skeleton-bg-animation{0%,to{opacity:1}50%{opacity:.5}}.horizontal-type-filter{align-items:center;background:#fff3;border:2px solid hsla(0,0%,100%,.05);border-radius:38px;box-shadow:0 4px 40px #0006;display:flex;flex:1 0 0;gap:10px;overflow:hidden;padding:7px 8px}.htf-button{all:unset;align-items:center;background-color:#2e2e2e00;border:1px solid hsla(0,0%,100%,.2);border-radius:15px;color:#fff;cursor:pointer;display:flex;font-family:Noto Sans;font-size:12px;font-size:16px;font-style:normal;font-weight:400;justify-content:center;line-height:normal;padding:4px 16px;transition:all .2s ease;white-space:nowrap}.htf-button.active{background:#0dcdff66}.htf-button:not(.active):hover{background:#fff3}.htf-divider{background-color:#444;height:24px;width:1px}.htf-scroll-container{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none}.htf-scroll-container::-webkit-scrollbar{display:none}@media screen and (max-width:800px){.horizontal-type-filter{align-items:center;background:#fff3;border:2px solid hsla(0,0%,100%,.05);border-radius:38px;box-shadow:0 4px 40px #0006;display:flex;flex:initial;gap:10px;overflow:hidden;padding:7px 8px}}.horizontal-type-filter-mobile.horizontal-type-filter{align-items:center;border:1px solid hsla(0,0%,100%,.05);border-radius:38px;display:flex;flex:1 0 0;gap:10px;overflow:hidden;padding:2px 4px}.horizontal-type-filter-mobile .htf-button{font-size:12px;padding:1px 12px}.horizontal-type-filter-mobile .htf-divider{height:20px}@media screen and (max-width:800px){.horizontal-type-filter-mobile.horizontal-type-filter{flex:initial}}