.riftatlas-mark{aspect-ratio:1;flex-shrink:0;display:inline-block;position:relative}.riftatlas-mark>span{position:absolute;inset:0}.riftatlas-mark-crest,.riftatlas-mark-star{background:var(--riftatlas-mark-light) 0 0 / 200% 100% no-repeat}:is(.dark,.hub-theme) .riftatlas-mark :is(.riftatlas-mark-crest,.riftatlas-mark-star),.riftatlas-mark[data-on-dark] :is(.riftatlas-mark-crest,.riftatlas-mark-star){background-image:var(--riftatlas-mark-dark)}.riftatlas-mark-star{transform-origin:75.94% 21.37%;background-position:100% 0}.riftatlas-mark>.riftatlas-mark-glow{opacity:0;background:radial-gradient(closest-side,#ffc4288c,#ffc4282e 55%,#0000);border-radius:9999px;width:70%;height:70%;inset:21.37% auto auto 75.94%;translate:-50% -50%}:is(.dark,.hub-theme) .riftatlas-mark>.riftatlas-mark-glow,.riftatlas-mark[data-on-dark]>.riftatlas-mark-glow{background:radial-gradient(closest-side,#ffdc6ebf,#ffc85040 55%,#0000)}.riftatlas-mark[data-turning] .riftatlas-mark-star{animation:.76s cubic-bezier(.22,.8,.24,1) both riftatlas-mark-star-turn}.riftatlas-mark[data-turning] .riftatlas-mark-glow{animation:.76s ease-out both riftatlas-mark-star-glow}@keyframes riftatlas-mark-star-turn{0%{transform:rotate(0)scale(1)}32%{transform:rotate(42deg)scale(1.16)}to{transform:rotate(90deg)scale(1)}}@keyframes riftatlas-mark-star-glow{0%{opacity:0;transform:scale(.45)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.riftatlas-tier-mark{aspect-ratio:1;flex-shrink:0;display:inline-block;position:relative}.riftatlas-tier-mark>span{position:absolute;inset:0}.riftatlas-tier-mark-emblem{background:var(--riftatlas-tier-emblem) center / contain no-repeat}.riftatlas-tier-mark-sheen{-webkit-mask:var(--riftatlas-tier-emblem) center / contain no-repeat;mask:var(--riftatlas-tier-emblem) center / contain no-repeat;position:absolute;inset:0;overflow:hidden}.riftatlas-tier-mark-sheen:before{content:"";background:linear-gradient(90deg,#0000,#fffc 50%,#0000);width:55%;position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(-130%)skew(-16deg)}.riftatlas-tier-mark>.riftatlas-tier-mark-halo{opacity:0;background:radial-gradient(closest-side,#ffe7b757,#ffe7b71a 60%,#0000);border-radius:9999px;inset:-30%}.riftatlas-tier-mark-from{opacity:0}.riftatlas-tier-mark[data-revealing] .riftatlas-tier-mark-from{animation:.28s ease-in .54s both riftatlas-tier-mark-out}.riftatlas-tier-mark[data-revealing] .riftatlas-tier-mark-emblem{animation:.72s cubic-bezier(.2,.9,.25,1.15) .68s both riftatlas-tier-mark-in}.riftatlas-tier-mark[data-revealing] .riftatlas-tier-mark-halo{animation:1s cubic-bezier(.2,.7,.3,1) .76s both riftatlas-tier-mark-halo}.riftatlas-tier-mark[data-revealing] .riftatlas-tier-mark-sheen:before{animation:.76s cubic-bezier(.4,0,.2,1) 1.18s both riftatlas-tier-mark-sheen}@keyframes riftatlas-tier-mark-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.88)}}@keyframes riftatlas-tier-mark-in{0%{opacity:0;transform:scale(.8)}55%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes riftatlas-tier-mark-halo{0%{opacity:0;transform:scale(.6)}35%{opacity:1}to{opacity:0;transform:scale(1.25)}}@keyframes riftatlas-tier-mark-sheen{0%{transform:translate(-130%)skew(-16deg)}to{transform:translate(240%)skew(-16deg)}}@media (prefers-reduced-motion:reduce){.riftatlas-mark[data-turning] :is(.riftatlas-mark-star,.riftatlas-mark-glow),.riftatlas-tier-mark[data-revealing] span,.riftatlas-tier-mark[data-revealing] .riftatlas-tier-mark-sheen:before{animation:none}}
