.card-wall{--cw-scale:.7;--cw-mask-dir:to right;--cw-mask-x:linear-gradient(var(--cw-mask-dir), transparent 0%, #000 18%, #000 88%, transparent 100%);--cw-mask-y:linear-gradient(to bottom, transparent 0%, #000 20%, #000 80%, transparent 100%);-webkit-mask-image:var(--cw-mask-x), var(--cw-mask-y);-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;-webkit-mask-image:var(--cw-mask-x), var(--cw-mask-y);mask-image:var(--cw-mask-x), var(--cw-mask-y);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}[dir=rtl] .card-wall{--cw-mask-dir:to left}.card-wall__viewport{width:calc(100% / var(--cw-scale));height:calc(100% / var(--cw-scale));transform:scale(var(--cw-scale));transform-origin:0 0;position:absolute;top:0;left:0}.card-wall .drift-wall__col:nth-child(n+4){display:none}@media (min-width:48rem){.card-wall{--cw-scale:.8}.card-wall .drift-wall__col:nth-child(n+4){display:block}}@media (min-width:64rem){.card-wall{--cw-scale:.9}}@media (min-width:75rem){.card-wall{--cw-scale:1}}.card-wall .drift-wall{--dw-overlay-alpha:.14}html:not(.dark) .card-wall .drift-wall{--dw-overlay-alpha:.05}.card-wall-face{text-align:left;--face-corner:color-mix(in oklab, var(--face) 72%, black);--face-plateau:color-mix(in oklab, var(--face) 76%, black);color:var(--onart-ink);background-color:var(--face);background-image:linear-gradient(140deg, var(--face-corner) 0%, var(--face-plateau) 52%, var(--face) 100%);padding:8% 8.5%;display:block;position:absolute;inset:0;overflow:hidden;box-shadow:inset 1px 1px #ffffff57,inset -1px -1px #00000029}.card-wall-face[data-has-image]{background-color:var(--color-surface-raised);color:var(--onart-ink);background-image:none}.card-wall-face[data-has-image]:before{content:none}.card-wall-face[data-has-image]:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 38%,#0000001f 62%,#0000008c 100%);position:absolute;inset:0}.card-wall-face__image{z-index:0;object-fit:cover;pointer-events:none}.card-wall-face[data-ink=dark]{--face-corner:color-mix(in oklab, var(--face) 82%, white);--face-plateau:color-mix(in oklab, var(--face) 88%, white);color:var(--onart-ink-inverse)}.card-wall-face:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(118deg,#ffffff0a 0 1px,#00000008 1px 2px,#0000 2px 9px);position:absolute;inset:0}.card-wall-face__brand,.card-wall-face__kind,.card-wall-face__amount{z-index:1;font-family:var(--stack-display);text-shadow:0 1px 2px #0000004d;display:block;position:relative}.card-wall-face[data-ink=dark] .card-wall-face__brand,.card-wall-face[data-ink=dark] .card-wall-face__kind{text-shadow:0 1px 1px #ffffff52}.card-wall-face__brand{font-size:calc(var(--dw-tile-w) * .082);letter-spacing:-.015em;text-wrap:balance;font-weight:700;line-height:1.08}.card-wall-face__kind{font-size:calc(var(--dw-tile-w) * .047);letter-spacing:.16em;margin-top:.4em;font-weight:600;line-height:1.2}.card-wall-face__chip{aspect-ratio:4/3;border:1px solid color-mix(in oklab, currentColor 30%, transparent);background-color:color-mix(in oklab, currentColor 14%, transparent);background-image:repeating-linear-gradient(to bottom, #0000 0 32%, color-mix(in oklab, currentColor 26%, transparent) 32% 38%);pointer-events:none;border-radius:14%;inline-size:14%;position:absolute;inset-block-end:9%;inset-inline-start:8.5%}.card-wall-face__amount{background:var(--onart-scrim);color:var(--onart-ink);font-size:calc(var(--dw-tile-w) * .059);letter-spacing:-.01em;white-space:nowrap;text-shadow:none;border-radius:.3em;padding:.2em .55em;font-weight:700;line-height:1.25;position:absolute;inset-block-end:8%;inset-inline-end:8.5%}
