.opal-nft-art{aspect-ratio:1;border-radius:var(--r-card,22px);isolation:isolate;background:var(--fill-4,#78788014);width:100%;transform-style:preserve-3d;will-change:transform;-webkit-tap-highlight-color:transparent;--mx:.5;--my:.5;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 10px 28px -14px #00000073}.opal-nft-art__img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;animation:opal-nft-fade .35s var(--ease-out,cubic-bezier(.2, .8, .2, 1)) both;display:block;position:absolute;inset:0}.opal-nft-art__skeleton{background:linear-gradient(110deg, var(--skeleton,#7f7f8c24) 30%, var(--skeleton-hi,#7f7f8c42) 50%, var(--skeleton,#7f7f8c24) 70%);background-size:250% 100%;animation:1.4s linear infinite opal-nft-shimmer;position:absolute;inset:0}.opal-nft-art__sheen{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;opacity:0;background:radial-gradient(farthest-corner circle at calc(var(--mx) * 100%) calc(var(--my) * 100%), #ffffff8c 0%, #ffffff1f 28%, #0000002e 90%), linear-gradient(115deg, transparent 22%, #ff66b38c 36%, #ffd24c80 46%, #33ffbb80 56%, #4ca6ff8c 66%, transparent 80%);background-size:100% 100%,260% 260%;background-position:center, calc(var(--mx) * 100%) calc(var(--my) * 100%);transition:opacity .35s;position:absolute;inset:0}.opal-nft-art[data-hot] .opal-nft-art__sheen{opacity:.75}.opal-nft-r-epic .opal-nft-art__sheen,.opal-nft-r-legendary .opal-nft-art__sheen,.opal-nft-r-mythic .opal-nft-art__sheen{opacity:.38;animation:7s ease-in-out infinite opal-nft-foil}.opal-nft-r-epic[data-hot] .opal-nft-art__sheen,.opal-nft-r-legendary[data-hot] .opal-nft-art__sheen,.opal-nft-r-mythic[data-hot] .opal-nft-art__sheen{opacity:.85;animation:none}.opal-nft-art.opal-nft-r-legendary{box-shadow:inset 0 0 0 1px #ffc85a73,0 12px 30px -14px #ffaa288c}.opal-nft-art.opal-nft-r-mythic{box-shadow:inset 0 0 0 1px #ffffff40,0 14px 34px -14px #ff5fa299}.opal-nft-art.opal-nft-r-mythic:after{content:"";border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--opal-nft-angle,0deg), #ff6b9a, #ffb36b, #a35bff, #38c6ff, #7dffd8, #ff6b9a);-webkit-mask-composite:xor;opacity:.9;padding:1.5px;animation:6s linear infinite opal-nft-spin;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.opal-nft-card{color:var(--text,inherit);font:inherit;text-align:left;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;gap:9px;min-width:0;margin:0;padding:0;display:flex}.opal-nft-card.is-pressable{cursor:pointer}.opal-nft-card.is-selected .opal-nft-art{outline:2.5px solid var(--tint,#7a5cff);outline-offset:2px}.opal-nft-card__meta{flex-direction:column;gap:4px;min-width:0;padding:0 2px;display:flex}.opal-nft-card__name{font-size:var(--fs-subhead,15px);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-weight:650;line-height:1.2;overflow:hidden}.opal-nft-card__sub{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.opal-nft-card__serial{font-size:var(--fs-footnote,13px);color:var(--text-2,#7f7f87e6);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.opal-nft-chip{letter-spacing:.01em;white-space:nowrap;border-radius:999px;flex:none;align-items:center;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff59,0 2px 8px -3px #00000059}.opal-nft-chip--sm{height:20px;padding:0 8px;font-size:11px}.opal-nft-chip--md{height:26px;padding:0 11px;font-size:13px}.opal-nft-chip.opal-nft-r-mythic{animation:4s linear infinite opal-nft-chipflow;background-size:220% 100%!important}.opal-nft-badge{vertical-align:-.2em;background:var(--fill-3,#78788029);border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.opal-nft-badge img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.5)}.opal-nft-showcase{width:100%;display:grid}.opal-nft-tile{min-width:0;color:var(--text,inherit);font:inherit;text-align:center;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;gap:6px;margin:0;padding:0;display:flex}.opal-nft-tile.is-pressable{cursor:pointer}.opal-nft-tile .opal-nft-art{border-radius:20px}.opal-nft-tile__name{font-size:var(--fs-caption,12px);color:var(--text-2,#7f7f87e6);white-space:nowrap;text-overflow:ellipsis;padding:0 2px;font-weight:600;overflow:hidden}.opal-nft-tile__serial{z-index:2;color:#fff;font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(12px)saturate(1.6);backdrop-filter:blur(12px)saturate(1.6);background:#14141a47;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700;position:absolute;bottom:7px;left:7px;box-shadow:inset 0 0 0 .5px #ffffff47}.opal-nft-tile__ribbon{z-index:2;width:80px;height:15px;position:absolute;top:9px;right:-24px;transform:rotate(45deg);box-shadow:0 2px 8px #00000040}.opal-nft-tile--more{aspect-ratio:1;background:var(--fill-3,#78788029);border-radius:20px;justify-content:center;align-items:center}.opal-nft-tile__more{font-size:var(--fs-headline,17px);color:var(--text,inherit);font-weight:700}.opal-nft-preview{min-width:0;color:var(--text,inherit);font:inherit;text-align:left;-webkit-tap-highlight-color:transparent;background:0 0;border:0;flex-direction:column;gap:9px;margin:0;padding:0;display:flex}.opal-nft-preview.is-pressable{cursor:pointer}.opal-nft-preview__chip{z-index:2;position:absolute;top:9px;left:9px}.opal-nft-preview__price{font-size:var(--fs-subhead,15px);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.opal-nft-preview__sold{z-index:2;text-align:center;color:#fff;letter-spacing:.02em;background:linear-gradient(#0000,#0000008c);padding:8px;font-size:13px;font-weight:700;position:absolute;inset:auto 0 0}.opal-nft-preview.is-soldout .opal-nft-art__img{filter:saturate(.55)brightness(.92)}.opal-nft-viewer{aspect-ratio:1;isolation:isolate;background:var(--fill-4,#78788014);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:100%;position:relative;overflow:hidden}.opal-nft-viewer.is-interactive{touch-action:pan-y;cursor:grab}.opal-nft-viewer.is-interactive:active{cursor:grabbing}.opal-nft-viewer__thumb{object-fit:cover;z-index:1;pointer-events:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.opal-nft-viewer.is-live .opal-nft-viewer__thumb{opacity:0}.opal-nft-viewer__gl{z-index:0;position:absolute;inset:0}.opal-nft-viewer__gl>canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.opal-nft-viewer__hint{z-index:3;color:#fff;white-space:nowrap;-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);opacity:0;transition:opacity .4s ease, transform .4s var(--ease-spring,cubic-bezier(.34, 1.56, .64, 1));pointer-events:none;background:#14141a4d;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;position:absolute;bottom:14px;left:50%;transform:translate(-50%,6px);box-shadow:inset 0 0 0 .5px #ffffff4d}.opal-nft-viewer__hint.is-on{opacity:1;transform:translate(-50%)}@property --opal-nft-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes opal-nft-spin{to{--opal-nft-angle:360deg}}@keyframes opal-nft-fade{0%{opacity:0}to{opacity:1}}@keyframes opal-nft-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@keyframes opal-nft-foil{0%,to{background-position:50%,0 0}50%{background-position:50%,100% 100%}}@keyframes opal-nft-chipflow{0%{background-position:0 0}to{background-position:220% 0}}@media (prefers-reduced-motion:reduce){.opal-nft-art__skeleton,.opal-nft-chip.opal-nft-r-mythic,.opal-nft-art.opal-nft-r-mythic:after,.opal-nft-r-epic .opal-nft-art__sheen,.opal-nft-r-legendary .opal-nft-art__sheen,.opal-nft-r-mythic .opal-nft-art__sheen{animation:none}}
