/* Miniatures for the antigravity collection, scoped to its cards. */
.orbit-mini[data-variant] .mini-shape::before,
.orbit-mini[data-variant] .mini-shape::after { content:""; position:absolute; pointer-events:none; }
.orbit-mini[data-variant="1"] { background:#10100e; }
.orbit-mini[data-variant="1"] .mini-shape { border-color:#edae51; transform:rotate(-25deg) scaleX(1.2); }
.orbit-mini[data-variant="1"] .mini-shape::after { inset:15px; border:1px solid #edae5180; border-radius:50%; transform:rotate(55deg) scaleX(.65); }
.orbit-mini[data-variant="2"] { background:radial-gradient(circle at 75% 50%,#284c75,#080e19 65%); }
.orbit-mini[data-variant="2"] .mini-shape { border-color:#91c9ff; box-shadow:0 0 32px #79baff66,inset 0 0 28px #79baff33; }
.orbit-mini[data-variant="2"] .mini-shape::after { inset:30px -8px; border:1px solid #91c9ff90; border-radius:50%; transform:rotate(-30deg); }
.orbit-mini[data-variant="3"] { background:radial-gradient(circle at 75% 50%,#7e491e,#110f0c 65%); }
.orbit-mini[data-variant="3"] .mini-shape { border:12px solid #ffc16a55; box-shadow:0 0 28px #ffc16a55,inset 0 0 28px #ffc16a44; }
.orbit-mini[data-variant="4"] { background-color:#07151a; background-image:linear-gradient(#80dddd18 1px,transparent 1px),linear-gradient(90deg,#80dddd18 1px,transparent 1px); background-size:16px 16px; }
.orbit-mini[data-variant="4"] .mini-shape { border-radius:0; border-color:#80dddd99; transform:rotate(-10deg); box-shadow:8px 8px 0 #80dddd12,-8px -8px 0 #80dddd12; }
.orbit-mini[data-variant="5"] { background:radial-gradient(circle at 75% 48%,#684798,#100e1b 65%); }
.orbit-mini[data-variant="5"] .mini-shape { background:radial-gradient(circle at 35% 30%,#dec5ff99,#9c6bec44,transparent 70%); border-color:#dcc2ff88; box-shadow:0 0 30px #ba86ff77; }
.orbit-mini[data-variant="6"] { background:#11110f; }
.orbit-mini[data-variant="6"] .mini-title { font-weight:700; }
.orbit-mini[data-variant="6"] .mini-shape { width:55px; height:95px; top:24px; right:15px; border-radius:0; transform:skewY(-12deg); border-color:#e7b56799; background:linear-gradient(90deg,#2c2c29,#10100e); box-shadow:-17px 15px 0 #33332d,17px 8px 0 #1d1d19; }
.orbit-mini[data-variant="7"] { background:radial-gradient(circle at 75% 48%,#285b3c,#081511 65%); }
.orbit-mini[data-variant="7"] .mini-shape { border-color:#a8dfad77; box-shadow:0 0 0 10px #a8dfad15,0 0 0 20px #a8dfad10; }
.orbit-mini[data-variant="7"] .mini-shape::after { inset:20px; border:1px solid #a8dfad66; border-radius:50%; }
.orbit-mini[data-variant="8"] { background:radial-gradient(circle at 75% 50%,#74372a,#170f0d 65%); }
.orbit-mini[data-variant="8"] .mini-shape { border-color:#f3a57d; transform:rotate(45deg) scaleX(.55); box-shadow:0 0 25px #f3a57d33; }
.orbit-mini[data-variant="8"] .mini-shape::after { inset:-1px; border:1px solid #f3a57d; border-radius:50%; transform:rotate(90deg); }
.orbit-mini[data-variant="9"] { background:radial-gradient(circle at 75% 50%,#394681,#0a0c19 65%); }
.orbit-mini[data-variant="9"] .mini-shape { border:2px solid #b4bdff; transform:rotate(50deg) scaleX(.8); box-shadow:0 0 30px #9eabff77,inset 0 0 20px #9eabff44; }
.orbit-mini[data-variant="9"] .mini-shape::after { inset:42px -15px; background:#c6d0ff; box-shadow:0 0 12px #c6d0ff; transform:rotate(-45deg); }
.orbit-mini[data-variant="10"] { background:#0e0e0c; }
.orbit-mini[data-variant="10"] .mini-title { font-family:var(--serif); font-weight:400; font-size:24px; }
.orbit-mini[data-variant="10"] .mini-shape { border-color:#d6ba81aa; box-shadow:none; }
.orbit-mini[data-variant="10"] .mini-shape::after { inset:8px; border:1px solid #d6ba8155; border-radius:50%; }
.orbit-mini[data-variant] { background:#100f0d; color:#f5f1e9; }
.orbit-mini[data-variant] .mini-shape { border:1px solid #e9a94399; border-radius:50%; background:none; box-shadow:none; transform:none; }
.orbit-mini[data-variant] .mini-shape::before,.orbit-mini[data-variant] .mini-shape::after { content:none; }
.orbit-mini[data-variant="1"] .mini-shape { transform:rotate(-25deg) scaleX(1.2); }
.orbit-mini[data-variant="1"] .mini-shape::after { content:""; inset:15px; border:1px solid #edae5180; border-radius:50%; transform:rotate(55deg) scaleX(.65); }
.orbit-mini[data-variant="2"] .mini-shape { height:45px; top:53px; transform:rotate(-20deg); }
.orbit-mini[data-variant="2"] .mini-shape::after { content:""; inset:0; border:1px solid #e9a94388; border-radius:50%; transform:rotate(40deg); }
.orbit-mini[data-variant="3"] .mini-shape { border:12px solid #d8b27655; box-shadow:0 0 28px #d8b27644; }
.orbit-mini[data-variant="4"] .mini-shape { width:70px; height:75px; right:12px; border-radius:0; transform:skewY(-11deg); background:#e9a94310; box-shadow:-8px 8px 0 #100f0d,-9px 9px 0 #e9a94399,-16px 16px 0 #100f0d,-17px 17px 0 #e9a94355; }
.orbit-mini[data-variant="5"] .mini-shape { border:0; background:radial-gradient(circle,#e9a94377,transparent 70%); }
.orbit-mini[data-variant="5"] .mini-shape::after { content:""; inset:0; background:linear-gradient(transparent 49%,#e9a943aa 50%,transparent 51%),linear-gradient(90deg,transparent 49%,#e9a943aa 50%,transparent 51%); transform:rotate(45deg); }
.orbit-mini[data-variant="6"] .mini-shape { width:65px; height:90px; right:14px; border-radius:0; transform:skewY(-8deg); background:repeating-linear-gradient(90deg,#d8b27644 0 1px,#28231a 1px 14px,transparent 14px 20px); }
.orbit-mini[data-variant="7"] .mini-shape { border:0; background:repeating-radial-gradient(circle,transparent 0 7px,#e9a94399 8px 9px,transparent 10px 14px); -webkit-mask-image:conic-gradient(transparent,#000 100deg,#000 320deg,transparent); mask-image:conic-gradient(transparent,#000 100deg,#000 320deg,transparent); }
.orbit-mini[data-variant="8"] .mini-shape { border-radius:0; background:linear-gradient(#e9a94355 1px,transparent 1px),linear-gradient(90deg,#e9a94355 1px,transparent 1px); background-size:16px 16px; }
.orbit-mini[data-variant="9"] .mini-shape { width:110px; right:-8px; border:0; border-radius:0; background:repeating-linear-gradient(0deg,transparent 0 12px,#e9a94377 13px 14px,transparent 15px 21px); }
.orbit-mini[data-variant="9"] .mini-shape::after { content:""; inset:0; background:radial-gradient(circle at 30% 30%,#f1b656 0 2px,transparent 3px),radial-gradient(circle at 72% 64%,#f1b656 0 2px,transparent 3px); }
.orbit-mini[data-variant="10"] .mini-shape::after { content:""; inset:9px; border:1px solid #d8b27677; border-radius:50%; }