@layer components{.tp-stiker{object-fit:contain;-webkit-user-select:none;user-select:none;flex:none;margin-top:4px;display:block}.tp-stiker-dm{flex:none;display:inline-flex;position:relative}.tp-stiker-dm-pano{z-index:30;width:min(360px,100vw - 24px);position:absolute;bottom:calc(100% + 8px);left:0}.tp-stiker-secici{border:1px solid var(--tp-line);background:var(--tp-surface);box-shadow:0 12px 30px -16px rgb(var(--tp-shade-rgb) / .35);border-radius:18px;gap:8px;padding:10px;display:grid}.tp-stiker-baslik{color:var(--tp-ink-2);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:800;display:flex}.tp-stiker-izgara{overscroll-behavior:contain;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:280px;display:grid;overflow-y:auto}@container (min-width:520px){.tp-stiker-izgara{grid-template-columns:repeat(6,minmax(0,1fr))}}.tp-stiker-karo{aspect-ratio:1;border-radius:16px;place-items:center;min-height:64px;display:grid}.tp-stiker-karo .tp-stiker{max-width:80px;margin:0;width:100%!important;height:auto!important}.tp-stiker-karo:hover,.tp-stiker-karo:focus-visible{background:var(--tp-brand-50)}.tp-stiker-karo:focus-visible{outline:2px solid var(--tp-brand);outline-offset:1px}@media (prefers-reduced-motion:no-preference){.tp-stiker-secici{transition:opacity .16s, transform var(--tp-yay-hizli-sure) var(--tp-yay-hizli)}@starting-style{.tp-stiker-secici{opacity:0;transform:translateY(8px)scale(.97)}}.tp-stiker-karo{transition:transform var(--tp-yay-hizli-sure) var(--tp-yay-hizli)}.tp-stiker-karo:hover{transform:translateY(-3px)scale(1.06)}.tp-stiker-karo:active{transform:scale(.94)}}}