.solana-native{position:absolute;inset:0;width:100%;height:100%;min-height:0;isolation:isolate;background:radial-gradient(ellipse at 50% 58%,#17232f 0%,#0d121b 42%,#080b10 77%);overflow:hidden}
.solana-native canvas,.solana-native .solana-poster{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.work-image .solana-native .solana-poster{object-fit:contain;object-position:center;transform:scale(.85)}
.solana-native canvas{opacity:0;transition:opacity .3s}
.solana-native .solana-poster{opacity:1;transition:opacity .3s}
.solana-native[data-ready="true"] canvas{opacity:1}
.solana-native[data-ready="true"] .solana-poster{opacity:0}
.solana-label{position:absolute;left:6%;top:8%;z-index:2;color:#f0f2f6;font:500 12px/1 Arial,sans-serif;letter-spacing:.2em;pointer-events:none}
.solana-motion{border:1px solid #a7b4bc50;border-radius:30px;background:#101719df;color:#bdc7cd;font-family:inherit;font-size:11px;font-weight:400;line-height:1.5;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}
.solana-motion:hover,.solana-motion:focus-visible{color:#fff;border-color:#d8e1e7}
.solana-motion:focus-visible{outline:2px solid #d8e1e7;outline-offset:4px}
.solana-motion:disabled{cursor:default;opacity:.65}
.solana-card-shell{min-width:0}
.solana-card-shell>.solana-motion{display:block;margin:12px 0 0 auto}
.solana-native>.solana-motion{position:absolute;right:5%;bottom:6%;z-index:3}
.chain-detail:has(.solana-native){cursor:default;aspect-ratio:16/9}
.chain-detail .solana-label{top:9%;font-size:15px}
@media(max-width:680px){.chain-detail:has(.solana-native){aspect-ratio:1/1}.solana-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.solana-native canvas,.solana-native .solana-poster{transition:none}.solana-native canvas{opacity:0}.solana-native .solana-poster{opacity:1}}

/* Match the smaller native logo in the still-image and reduced-motion paths. */
.solana-native .solana-poster{object-fit:contain;object-position:center;transform:scale(.85);transform-origin:center}
.solana-native:not([data-ready="true"]){background:#000}
/* The detail visual is an illustration within the case, not a full-screen hero. */
.chain-detail:has(.solana-native){width:75%;max-width:900px;max-height:none!important;aspect-ratio:2/1;margin-inline:auto;margin-bottom:32px}
.chain-detail .solana-label{font-size:12px}
@media(max-width:800px){.chain-detail:has(.solana-native){width:100%;max-width:620px;aspect-ratio:4/3;margin-inline:auto}.chain-detail .solana-label{font-size:10px}}
@media(prefers-reduced-motion:reduce){.solana-native{background:#000}}