.tas{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4%;width:calc(var(--tas-genislik, 46px) - 3px);height:calc((var(--tas-genislik, 46px) - 3px) / var(--tas-orani));border-radius:calc(var(--tas-genislik, 46px) * .16);background:linear-gradient(178deg,var(--tas-yuz-ust) 0,var(--tas-yuz) 46%,var(--tas-yuz-alt) 100%);box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -2px 2px rgba(0,0,0,.16),inset 1px 0 0 rgba(255,255,255,.5),inset -1.5px 0 1px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.38),0 4px 8px rgba(0,0,0,.28);font-variant-numeric:tabular-nums;line-height:1}.tas,.tas:before{pointer-events:none}.tas:before{content:"";position:absolute;inset:1px 1px auto;height:38%;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.5),rgba(255,255,255,0))}.tas__sayi{font-size:calc(var(--tas-genislik, 46px) * .68);font-weight:800;letter-spacing:-.03em;text-shadow:0 1px 0 rgba(255,255,255,.55)}.tas__nokta{width:calc(var(--tas-genislik, 46px) * .16);height:calc(var(--tas-genislik, 46px) * .16);border-radius:50%;box-shadow:inset 0 1px 1px rgba(0,0,0,.3)}.tas--kirmizi{color:var(--sayi-kirmizi)}.tas--kirmizi .tas__nokta{background:var(--sayi-kirmizi)}.tas--siyah{color:var(--sayi-siyah)}.tas--siyah .tas__nokta{background:var(--sayi-siyah)}.tas--mavi{color:var(--sayi-mavi)}.tas--mavi .tas__nokta{background:var(--sayi-mavi)}.tas--amber{color:var(--sayi-amber)}.tas--amber .tas__nokta{background:var(--sayi-amber)}.tas__yildiz{font-size:calc(var(--tas-genislik, 46px) * .5);color:var(--sayi-amber)}.tas__okey{font-size:calc(var(--tas-genislik, 46px) * .22);font-weight:700;letter-spacing:.08em;color:var(--sayi-kirmizi)}.tas__rozet{position:absolute;top:-7px;right:-5px;padding:2px 5px;border-radius:5px;font-size:12px;font-weight:700;line-height:1;white-space:nowrap}.tas__rozet--yeni{background:var(--altin);color:#2a1f08;box-shadow:0 1px 3px rgba(0,0,0,.4)}.tas__rozet--isler{background:var(--sayi-kirmizi);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}.tas--secili{box-shadow:inset 0 1.5px 0 rgba(255,255,255,.95),inset 0 -2px 2px rgba(0,0,0,.16),0 0 0 2px var(--altin),0 5px 12px rgba(0,0,0,.42)}.tas--deneme{outline:2px dashed var(--altin);outline-offset:1px;opacity:.88}.tas__rozet--deneme{background:var(--altin-koyu);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.4)}