.tile.svelte-171mgy7{--tile-base:#1b1b20;--sel:0;background:linear-gradient(to top, color-mix(in srgb, var(--rarity-color) calc((1 - var(--sel)) * 20%), transparent) 0%, transparent 100%) padding-box, linear-gradient(color-mix(in srgb, var(--accent) calc(var(--sel) * 17%), transparent), color-mix(in srgb, var(--accent) calc(var(--sel) * 17%), transparent)) padding-box, linear-gradient(var(--tile-base), var(--tile-base)) padding-box,  linear-gradient(to top, color-mix(in srgb, var(--accent) calc(var(--sel) * 100%), color-mix(in srgb, var(--rarity-color) 33%, var(--tile-base))) 0%, color-mix(in srgb, var(--accent) calc(var(--sel) * 65%), color-mix(in srgb, var(--rarity-color) 14%, var(--tile-base))) 100%) border-box;border-radius:var(--radius-md);transition:transform .2s var(--ease), filter .2s ease, box-shadow .3s ease, --sel .3s ease;border:3.5px solid #0000;flex-direction:column;gap:2px;padding:11px 10px;display:flex;position:relative}.tile.svelte-171mgy7:hover{filter:brightness(1.08);transform:scale(1.035)}.tile__notch.svelte-171mgy7{background:color-mix(in srgb, var(--rarity-color) 33%, var(--tile-base,#1b1b20));z-index:2;pointer-events:none;border-radius:0 0 5px 5px;width:32%;min-width:26px;height:6px;transition:background-color .3s;position:absolute;top:-1.5px;left:50%;transform:translate(-50%)}.tile--selected.svelte-171mgy7 .tile__notch:where(.svelte-171mgy7){background:var(--accent)}.tile.tile--hover-dim.svelte-171mgy7:hover{filter:brightness(.82);transform:none}.tile--shine.svelte-171mgy7:before{content:"";border-radius:inherit;pointer-events:none;animation:svelte-171mgy7-tile-shine 5s ease-in-out var(--shine-delay,0s) infinite;background:linear-gradient(105deg,#0000 38%,#ffffff29 50%,#0000 62%) 150% 0/300% 100% no-repeat;position:absolute;inset:0}@keyframes svelte-171mgy7-tile-shine{0%{background-position:150% 0}26%,to{background-position:-50% 0}}.tile--clickable.svelte-171mgy7{cursor:pointer}.tile--selected.svelte-171mgy7{--sel:1;box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent), 0 12px 26px -12px color-mix(in srgb, var(--accent) 55%, transparent)}.tile--selected.svelte-171mgy7:after{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23211002' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center / 12px no-repeat, var(--btn-primary-bg);border-radius:50%;width:20px;height:20px;animation:.25s both svelte-171mgy7-tile-check-in;position:absolute;top:8px;right:8px;box-shadow:0 2px 6px #00000080}@keyframes svelte-171mgy7-tile-check-in{0%{opacity:0}}.tile--unpriced.svelte-171mgy7,.tile--unpriced.svelte-171mgy7:hover{filter:brightness(.5)}.tile__art.svelte-171mgy7{aspect-ratio:4/3;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.tile__art.svelte-171mgy7 img{object-fit:contain;width:100%;height:100%}.tile__body.svelte-171mgy7{flex-direction:column;gap:3px;display:flex}.tile__name.svelte-171mgy7{letter-spacing:-.005em;color:#f1f1f6;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;height:35px;font-size:13.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile--hero.svelte-171mgy7{border-width:0;border-radius:0;gap:6px;height:100%;padding:12px 12px 14px}.tile--hero.tile--facing-right.svelte-171mgy7{border-right-width:2.8px}.tile--hero.tile--facing-left.svelte-171mgy7{border-left-width:2.8px}.tile--hero.svelte-171mgy7:hover{filter:none;transform:none}.tile--hero.svelte-171mgy7 .tile__art:where(.svelte-171mgy7){aspect-ratio:auto;flex:auto;min-height:0;margin-bottom:0}.tile--hero.svelte-171mgy7 .tile__art:where(.svelte-171mgy7) img{filter:drop-shadow(0 8px 10px #00000073)}.tile--hero.svelte-171mgy7 .tile__body:where(.svelte-171mgy7){text-align:center;align-items:center}.tile--hero.svelte-171mgy7 .tile__name:where(.svelte-171mgy7){color:#cbcbd4;height:auto;font-size:15.5px;font-weight:650}.tile--hero.svelte-171mgy7 .tile__footer:where(.svelte-171mgy7){justify-content:center;margin-top:0}.tile--hero.svelte-171mgy7 .tile__price:where(.svelte-171mgy7){font-variant-numeric:tabular-nums;color:var(--text-tertiary);box-shadow:none;background:0 0;border-radius:0;padding:0;font-size:16px;font-weight:650}.tile__wear.svelte-171mgy7{color:#8e8e98;font-size:12px;font-weight:500}.tile__footer.svelte-171mgy7{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.tile__price.svelte-171mgy7{font-variant-numeric:tabular-nums;color:#c9c9d1;font-size:13.5px;font-weight:650}.tile__unavailable.svelte-171mgy7{color:var(--text-tertiary);font-size:12px;font-weight:500}.tile__meta.svelte-171mgy7{color:var(--text-tertiary);white-space:nowrap;font-size:12px}.tile__sell.svelte-171mgy7{border-radius:var(--radius-btn);background:var(--btn-ghost-bg);width:100%;box-shadow:var(--btn-ghost-shadow);color:var(--text-secondary);border:none;margin-top:10px;padding:9px 10px;font-size:12.5px;font-weight:600;transition:background-color .15s,border-color .15s,color .15s}.tile__sell.svelte-171mgy7:hover:not(:disabled){color:#ffe3e3;background:linear-gradient(#7c2a2a 0%,#5e1f1f 100%);box-shadow:inset 0 1px #ffffff1a,0 0 0 1px #ff6e6e47}.tile__sell.svelte-171mgy7:disabled{opacity:.55;cursor:default}.tile-skeleton.svelte-1yuxs7q{border-radius:var(--radius-md);background:linear-gradient(#1b1b20,#1b1b20) padding-box padding-box;border:3.5px solid #0000;flex-direction:column;gap:8px;padding:11px 10px;display:flex}.tile-skeleton.svelte-1yuxs7q .skeleton:first-child{aspect-ratio:4/3;margin-bottom:4px}.tile-skeleton__body.svelte-1yuxs7q{flex-direction:column;gap:5px;display:flex}
