.kaydirici{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px}.kaydirici-noktalar{grid-column:1 / -1}.kaydirici-serit{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px) / 3);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:2px}.kaydirici-serit::-webkit-scrollbar{display:none}.kaydirici-serit>*{scroll-snap-align:start}.kaydirici-ok{width:40px;height:40px;flex:none;border-radius:50%;cursor:pointer;display:grid;place-items:center;border:1px solid var(--border);background:var(--surface);color:var(--ink);box-shadow:0 6px 18px -8px #00000059;transition:border-color .15s,background .15s,opacity .15s}.kaydirici-ok:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.kaydirici-ok:disabled{opacity:.35;cursor:default}.kaydirici-noktalar{display:flex;justify-content:center;gap:7px;margin-top:18px}.kaydirici-nokta{width:8px;height:8px;border-radius:50%;background:var(--rule);transition:background .15s,transform .15s}.kaydirici-nokta.etkin{background:var(--brand);transform:scale(1.15)}@media(max-width:980px){.kaydirici-serit{grid-auto-columns:calc((100% - 12px)/2)}}@media(max-width:720px){.kaydirici-serit{grid-auto-columns:86%}.kaydirici{grid-template-columns:minmax(0,1fr)}.kaydirici-ok{display:none}}.kaydirici--tek .kaydirici-serit{grid-auto-columns:100%}@media(max-width:980px){.kaydirici--tek .kaydirici-serit{grid-auto-columns:100%}}@media(max-width:720px){.kaydirici--tek .kaydirici-serit{grid-auto-columns:100%}}