.pn-top-bk,.pn-top-bk *{box-sizing:border-box}
.pn-top-bk{width:301px;max-width:100%;margin:0 0 20px;padding:7px;background:#fff;border:1px solid #e1e7ef;border-radius:14px;box-shadow:0 2px 4px rgba(16,24,40,.06),0 16px 32px -20px rgba(16,24,40,.3);display:flex;flex-direction:column;gap:5px;color:#16202e;font-family:'Manrope','Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.3}
.pn-top-bk a{color:inherit;text-decoration:none}
.pn-top-bk__head{display:flex;align-items:center;gap:11px;padding:6px 9px 8px}
.pn-top-bk__head i{flex:none;width:30px;height:30px;border-radius:9px;background:#eef1fd;color:#4a63d8;display:grid;place-items:center;font-style:normal}
.pn-top-bk__head b{flex:1;font-size:15px;font-weight:800;letter-spacing:-.015em}
.pn-top-bk__group{--plq:linear-gradient(135deg,#ebe4ff 0%,#eeeaff 40%,#e4f0ff 72%,#e3f6ee 100%);--plq-br:rgba(108,92,231,.22);--plq-tx:#3f2fb0;position:relative;overflow:hidden;border-radius:12px;padding:5px;display:flex;flex-direction:column;gap:5px;background:var(--plq);box-shadow:inset 0 0 0 1px var(--plq-br)}
.pn-top-bk__group--orange{--plq:linear-gradient(135deg,#ffe6cd 0%,#fff0de 46%,#ffe8d8 100%);--plq-br:rgba(224,122,20,.26);--plq-tx:#9a4507}
.pn-top-bk__group--blue{--plq:linear-gradient(135deg,#dce9ff 0%,#e9f2ff 46%,#dcedfb 100%);--plq-br:rgba(31,98,214,.24);--plq-tx:#164193}
.pn-top-bk__group--pink{--plq:linear-gradient(135deg,#ffe0ee 0%,#ffe9f3 45%,#f6e6ff 100%);--plq-br:rgba(214,51,132,.22);--plq-tx:#a3175c}
.pn-top-bk__group--mint{--plq:linear-gradient(135deg,#d9f4e8 0%,#e4f6ef 45%,#dcf0f7 100%);--plq-br:rgba(16,150,104,.24);--plq-tx:#0b6a4b}
.pn-top-bk__group--red{--plq:linear-gradient(135deg,#ffdfdd 0%,#ffe8e3 45%,#ffe6d6 100%);--plq-br:rgba(200,45,45,.22);--plq-tx:#a01d1d}
.pn-top-bk__group--yellow{--plq:linear-gradient(135deg,#fff1c9 0%,#fff7dd 45%,#fdf0d2 100%);--plq-br:rgba(190,140,10,.26);--plq-tx:#8a5806}
.pn-top-bk__bonus{padding:4px 9px 1px;font-size:11.5px;font-weight:800;letter-spacing:-.005em;color:var(--plq-tx)}
.pn-top-bk__perk{padding:1px 9px 5px;font-size:11px;font-weight:700;line-height:1.3;color:#2f4257}
.pn-top-bk__row{position:relative;display:flex;align-items:center;gap:6px;margin:0 -1px;padding:6px;border-radius:10px;background:#fff;box-shadow:0 1px 2px rgba(16,24,40,.08),0 6px 16px -8px rgba(16,24,40,.26);transition:box-shadow .18s ease,transform .18s ease}
.pn-top-bk__row:hover{box-shadow:0 2px 4px rgba(16,24,40,.1),0 12px 22px -10px rgba(16,24,40,.42);transform:translateY(-1px)}
.pn-top-bk__rank{width:9px;flex:none;text-align:center;font-size:11px;font-weight:700;color:#5c6c85}
.pn-top-bk__logo{width:82px;flex:none;height:30px;display:flex;align-items:center;justify-content:center;padding:0 6px;border-radius:999px;background:#f1f4f8;overflow:hidden}
.pn-top-bk__logo img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.pn-top-bk__logo span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;font-weight:800;color:#2b3c57}
.pn-top-bk .pn-top-bk__eye{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#5c6c85;transition:background .18s ease,color .18s ease,transform .18s ease}
.pn-top-bk .pn-top-bk__eye:hover,.pn-top-bk .pn-top-bk__eye:focus-visible{background:#dbe9fd;color:#1f6ae0;transform:scale(1.08)}
.pn-top-bk .pn-top-bk__cta{flex:1;min-width:0;height:38px;display:flex;align-items:center;gap:5px;padding:0 4px 0 5px;border-radius:999px;background:#f3f6fb;border:1px solid #dde5ef;color:#16202e;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,color .2s ease}
.pn-top-bk .pn-top-bk__cta:hover,.pn-top-bk .pn-top-bk__cta:focus-visible{background:linear-gradient(135deg,#1f62d6,#123f96);border-color:#123f96;box-shadow:0 12px 20px -9px rgba(18,63,150,.75);color:#fff}
.pn-top-bk .pn-top-bk__cta--disabled,.pn-top-bk .pn-top-bk__cta--disabled:hover{cursor:default;background:#f3f6fb;border-color:#dde5ef;box-shadow:none;color:#16202e}
.pn-top-bk__ico{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center}
.pn-top-bk__ico--star{background:linear-gradient(140deg,#b34ae0,#8b3fe0)}
.pn-top-bk__ico--gift{background:linear-gradient(140deg,#ffb03a,#f4820c)}
.pn-top-bk__txt{flex:1;min-width:0;display:flex;flex-direction:column;padding-left:1px}
.pn-top-bk__sum{overflow:hidden;text-overflow:ellipsis;font-size:11.5px;font-weight:800;line-height:1.15;letter-spacing:-.01em;font-variant-numeric:tabular-nums;white-space:nowrap;color:currentColor}
.pn-top-bk__ex{overflow:hidden;text-overflow:ellipsis;font-size:9.5px;font-weight:800;letter-spacing:.03em;line-height:1.25;white-space:nowrap;color:currentColor;opacity:.78}
.pn-top-bk__arr{flex:none;width:22px;display:grid;place-items:center;color:currentColor}
.pn-top-bk .pn-top-bk__all{display:flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:999px;background:#f4f6fa;color:#16202e;transition:background .2s ease,color .2s ease,gap .2s ease}
.pn-top-bk .pn-top-bk__all:hover,.pn-top-bk .pn-top-bk__all:focus-visible{background:linear-gradient(135deg,#1f62d6,#123f96);color:#fff;gap:12px}
.pn-top-bk__all span{font-size:12.5px;font-weight:700}
.pn-top-bk__empty{padding:12px 9px;color:#5c6c85;text-align:center;font-size:12px}