.tad{border-radius:18px;padding:14px;background:#1016288c;border:1px solid rgba(255,255,255,.14);color:#fff;transition:opacity .18s ease,transform .18s ease}.tad--removing{opacity:0;transform:scale(.97)}.tad__body{display:grid;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px}.tad__side{min-width:0}.tad__side-label{font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:#fff9;margin-bottom:6px}.tad__items{display:flex;flex-wrap:wrap;gap:6px;min-height:56px}.tad__item{position:relative;width:54px;height:54px;border-radius:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center}.tad__item-img{width:44px;height:44px;object-fit:contain}.tad__qty{position:absolute;right:-4px;bottom:-4px;background:#3e5ef6;color:#fff;font-size:.66rem;font-weight:900;padding:1px 5px;border-radius:999px;box-shadow:0 1px 3px #0006}.tad__size{position:absolute;left:-4px;top:-5px;background:linear-gradient(180deg,#5571ff,#3e5ef6);color:#fff;font-size:.52rem;font-weight:900;padding:1px 5px;border-radius:6px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.4);z-index:2}@property --tad-ang{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.tad__item--rainbow{border:0;padding:3px;background:conic-gradient(from var(--tad-ang),#ff5d5d,#ffb24d,#ffe24d,#6ee06a,#4dc9ff,#9a6bff,#ff5db0,#ff5d5d);box-shadow:0 0 10px #ffffff2e;animation:tadRainbow 4s linear infinite}.tad__item--rainbow:before{content:"";position:absolute;inset:3px;border-radius:10px;background:#101628d9}.tad__item--rainbow .tad__item-img{position:relative;z-index:1;filter:saturate(1.15)}@keyframes tadRainbow{to{--tad-ang: 360deg}}@media(prefers-reduced-motion:reduce){.tad__item--rainbow{animation:none}}.tad__verified{position:absolute;right:-4px;top:-5px;width:16px;height:16px;border-radius:50%;background:#36c46b;color:#06351a;font-size:.64rem;font-weight:900;line-height:16px;text-align:center;border:2px solid #101628}.tad__sideverified{margin-left:6px;color:#6ee7a0;font-size:.62rem;font-weight:900;letter-spacing:.02em}.tad__empty{align-self:center;color:#ffffff73;font-weight:800;font-size:.85rem}.tad__arrow{align-self:center;color:#ffffff80;font-size:1.2rem;font-weight:900}.tad__meta{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.tad__tag{font-size:.66rem;font-weight:900;letter-spacing:.03em;padding:3px 7px;border-radius:6px;background:#ffffff1f;color:#fff}.tad__tag--overpay,.tad__tag--upgrade{background:linear-gradient(180deg,#ffd34d,#f6b800);color:#5a3b00}.tad__tag--lf{background:linear-gradient(180deg,#5571ff,#3e5ef6)}.tad__note{flex-basis:100%;margin:2px 0 0;font-size:.86rem;color:#ffffffdb;white-space:pre-wrap;word-break:break-word}.tad__foot{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:10px}.tad__who{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;min-width:0;position:relative}.tad__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#ffffff1a}.tad__online{position:absolute;left:26px;top:26px;width:10px;height:10px;border-radius:50%;background:#3ad15a;border:2px solid #101628}.tad__namecol{display:flex;flex-direction:column;min-width:0}.tad__name{font-weight:900;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tad__sub{font-size:.74rem;color:#ffffff8c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tad__sheckles{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;align-self:center;padding:2px 8px 2px 6px;border-radius:999px;background:linear-gradient(180deg,#ffe08a,#f5c518);border:1.5px solid var(--ink, #1c1f3a);color:#4a3408;font-weight:900;font-size:.72rem;box-shadow:0 2px #c8930a;white-space:nowrap}.tad__actions{display:inline-flex;gap:6px;flex:0 0 auto}.tad__btn{border:0;border-radius:999px;cursor:pointer;font:inherit;font-weight:900;font-size:.8rem;padding:8px 13px;color:#fff;-webkit-tap-highlight-color:transparent}.tad__btn--primary{background:linear-gradient(180deg,#5571ff,#3e5ef6);box-shadow:inset 0 1px #ffffff4d,0 2px #2b43c2}.tad__btn--ghost{background:#ffffff1f}.tad__btn:hover{filter:brightness(1.08)}.tad__btn:active{transform:translateY(1px)}.tad__comments{text-decoration:none;display:inline-flex;align-items:center}@media(max-width:520px){.tad{padding:10px}.tad__body{grid-template-columns:1fr auto 1fr;gap:6px}.tad__side-label{font-size:.66rem;margin-bottom:4px}.tad__items{gap:4px;min-height:44px}.tad__item{width:44px;height:44px;border-radius:10px}.tad__item-img{width:34px;height:34px}.tad__arrow{font-size:1rem}.tad__foot{flex-wrap:wrap;gap:8px}.tad__who{flex:1 1 100%}.tad__actions{margin-left:auto}.tad__btn{padding:7px 11px;font-size:.78rem}}
