.sayfa-fade-enter-active,.sayfa-fade-leave-active{transition:opacity .18s}.sayfa-fade-enter-from,.sayfa-fade-leave-to{opacity:0}.sayfa-fade-enter-to,.sayfa-fade-leave-from{opacity:1}.stok-gorsel-hover{vertical-align:middle;cursor:zoom-in;display:inline-flex;position:relative}.stok-gorsel-hover .stok-gorsel-thumb{background:#f8fafc;border:1px solid #00000014;transition:transform .15s,box-shadow .15s;display:block}.stok-gorsel-hover .stok-gorsel-popup{z-index:1080;opacity:0;visibility:hidden;pointer-events:none;background:#fff;border:1px solid #0000001a;border-radius:10px;padding:6px;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)scale(.96);box-shadow:0 10px 28px #0f172a38}.stok-gorsel-hover .stok-gorsel-popup img{object-fit:contain;background:#f8fafc;border-radius:6px;width:220px;height:220px;display:block}.stok-gorsel-hover:hover .stok-gorsel-thumb{transform:scale(1.06);box-shadow:0 2px 8px #0f172a2e}.stok-gorsel-hover:hover .stok-gorsel-popup{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}.table tbody tr td:last-child .stok-gorsel-hover .stok-gorsel-popup,.table tbody tr td:nth-last-child(2) .stok-gorsel-hover .stok-gorsel-popup{left:auto;right:calc(100% + 10px)}