#shop-items-grid{--accent: #22d3c5;--accent-line: rgba(34, 211, 197, .45);--accent-soft: rgba(34, 211, 197, .09);--accent-soft2: rgba(34, 211, 197, .2);--accent-glow: rgba(34, 211, 197, .16);--muted: #5f7488;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-auto-rows:minmax(210px,1fr);align-content:start;overflow:auto;padding-block:8px;gap:14px}#shop-items-grid .shop-x-card{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;align-content:stretch;gap:10px;padding:12px 12px 10px;color:#e8f1f9;background:linear-gradient(180deg,#0e1620,#0b121a);border:1px solid #18242f;border-radius:16px;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}#shop-items-grid .shop-x-card:before{content:"";position:absolute;top:0;left:16%;right:16%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.55;transition:all .25s}#shop-items-grid .shop-x-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(150px 80px at 88% -12%,var(--accent-glow),transparent 70%);opacity:.45;transition:opacity .25s}#shop-items-grid .shop-x-card:hover{transform:translateY(-2px);border-color:var(--accent-line);box-shadow:0 12px 28px #00000073}#shop-items-grid .shop-x-card:hover:before{opacity:1;left:8%;right:8%}#shop-items-grid .shop-x-card:hover:after{opacity:.9}#shop-items-grid .shop-x-slot{position:relative;align-self:start;width:48px;height:48px;display:grid;place-items:center;border-radius:10px;background:var(--accent-soft);border:1px solid var(--accent-line)}#shop-items-grid .shop-x-slot .mi-icon{color:var(--accent)}#shop-items-grid .shop-x-card--prem{grid-template-rows:auto minmax(0,1fr) auto}#shop-items-grid .shop-x-preview{grid-column:1 / -1;display:grid;place-items:center}#shop-items-grid .shop-x-preview canvas{display:block;transform:translateY(-14px)}#shop-items-grid .shop-x-main{display:flex;flex-direction:column;min-width:0}#shop-items-grid .shop-x-kicker{font-family:Tektur,sans-serif;font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#shop-items-grid .shop-x-name{margin:4px 0 0;font-family:Tektur,sans-serif;font-size:12.5px;font-weight:700;line-height:1.3;letter-spacing:.04em;text-transform:uppercase;color:#e8f1f9;overflow-wrap:break-word}#shop-items-grid .shop-x-name-term{font-weight:500}#shop-items-grid .shop-x-price{flex:none;display:flex;align-items:center;gap:4px;padding-left:6px}#shop-items-grid .shop-x-price .shop-x-coin{display:grid;place-items:center;color:#49ddb5}#shop-items-grid .shop-x-price b{font-family:Tektur,sans-serif;font-size:15px;font-weight:700;color:#e8f1f9}#shop-items-grid .shop-x-desc{margin:8px 0 10px;font-size:11px;line-height:1.5;color:#75879a;flex:1 1 auto;overflow-wrap:break-word}#shop-items-grid .shop-x-foot{grid-column:1 / -1;background:#0a1017;border:1px solid #15202b;border-radius:12px;padding:5px;display:flex;align-items:center;justify-content:space-between;gap:8px;box-shadow:inset 0 1px #ffffff05}#shop-items-grid .shop-x-days-label{flex:none;padding-left:6px;font-family:Tektur,sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}#shop-items-grid .shop-x-buy{flex:none}#shop-items-grid .shop-x-buy[disabled]{cursor:default}