.tps-need__list{--tps-need-cols: var(--tps-need-cols-m);display:flex;flex-wrap:wrap;justify-content:center;row-gap:2.4rem;margin:0;padding:0;list-style:none}.tps-need__item{flex:0 0 calc(100% / var(--tps-need-cols));max-width:calc(100% / var(--tps-need-cols));display:flex;justify-content:center;padding:0 .6rem;box-sizing:border-box}.tps-need__link{display:flex;flex-direction:column;align-items:center;gap:1.2rem;width:100%;min-height:4.4rem;padding:.4rem 0;text-align:center;text-decoration:none;color:rgb(var(--color-foreground));border-radius:.8rem}.tps-need__circle{display:block;position:relative;width:min(var(--tps-need-circle),100%);aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background-color:rgb(var(--color-background-dark));border:.2rem solid transparent;box-sizing:border-box;transition:border-color var(--duration-default, .2s) ease}.tps-need__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.tps-need__label{font-size:1.4rem;font-weight:600;line-height:1.3;color:rgb(var(--color-heading));overflow-wrap:anywhere}.tps-need__bar{display:block;width:2.4rem;height:.3rem;border-radius:.2rem;background-color:var(--tps-need-color)}.tps-need__link--active:hover .tps-need__circle,.tps-need__link--active:focus-visible .tps-need__circle{border-color:rgb(var(--color-base-accent))}.tps-need__link--active:hover .tps-need__label{text-decoration:underline;text-underline-offset:.3rem}@media screen and (max-width:749px){.tps-need__list--scroll{flex-wrap:nowrap;justify-content:flex-start;column-gap:1.2rem;margin:0 -1.5rem;padding:.8rem 1.5rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tps-need__list--scroll::-webkit-scrollbar{display:none}.tps-need__list--scroll .tps-need__item{flex:0 0 9.6rem;max-width:9.6rem;padding:0;scroll-snap-align:start}.tps-need__list--scroll .tps-need__circle{width:8.8rem}.tps-need__label{font-size:1.3rem}}@media screen and (min-width:750px){.tps-need__list{--tps-need-cols: 3;row-gap:3.2rem}.tps-need__item{padding:0 .8rem}}@media screen and (min-width:990px){.tps-need__list{--tps-need-cols: var(--tps-need-cols-d)}}@media(prefers-reduced-motion:reduce){.tps-need__circle{transition:none}.tps-need__list--scroll{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/tps-ihtiyac-secici.css.map */