/* Cut crystal and metallic foil, drawn at display resolution. */
.ms-pass--group{--gem:#9eb8fb;--cut:.38;--prism:.17;border:1px solid var(--foil);box-shadow:0 1px 0 #ffffffc9 inset,0 -1px 0 #0004 inset,0 3px 0 var(--edge),0 10px 24px #1722392b}
.ms-pass--royal{--gem:#d9b57b;--cut:.22;--prism:.1;--finish:radial-gradient(ellipse at 20% 0,#fffefb,transparent 55%),linear-gradient(115deg,#ddc7ab,#faf5e8 47%,#ddc5a5)}
.ms-pass--sapphire{--gem:#93c5ff;--finish:radial-gradient(ellipse at 90% 80%,#357bb6,transparent 60%),linear-gradient(125deg,#091d4c,#174d95 55%,#101e4a)}
.ms-pass--emerald{--gem:#8ee7c3;--cut:.43;--finish:radial-gradient(ellipse at 100% 0,#379c77,transparent 60%),linear-gradient(125deg,#073527,#146348 60%,#082d26)}
.ms-pass--ruby{--gem:#ffc3d5;--cut:.47;--finish:radial-gradient(ellipse at 95% 5%,#ca496e,transparent 65%),linear-gradient(125deg,#4c0925,#8e2046 60%,#3f102a)}
.ms-pass--diamond{--gem:#c8deff;--cut:.58;--prism:.28;--finish:radial-gradient(ellipse at 100% 0,#59677e,transparent 60%),linear-gradient(120deg,#080e1b,#263249 57%,#111322);box-shadow:0 1px 0 #fff inset,0 -1px 0 #8292b0 inset,0 3px 0 #7d8ba8,0 12px 28px #111a3838}
.ms-pass--group::before{background:repeating-linear-gradient(115deg,#fff0 0 3px,#ffffff07 3px 4px);opacity:.65}
.ms-pass--group::after{border-width:1px;opacity:.85;box-shadow:0 0 0 2px #ffffff12,inset 0 0 0 2px #ffffff12}
.ms-pass--group .ms-pass-rule{inset:13px;border:1px solid var(--foil);opacity:.24;border-radius:7px}
.ms-gem-surface,.ms-gem-prism,.ms-gem-sparks{position:absolute;inset:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:-1}
.ms-gem-surface{opacity:var(--cut)}
.ms-gem-surface i{position:absolute;inset:0;background:linear-gradient(130deg,#fff9,var(--gem) 40%,#ffffff03 72%)}
.ms-gem-surface i:nth-child(1){clip-path:polygon(0 0,35% 0,16% 27%)}
.ms-gem-surface i:nth-child(2){clip-path:polygon(0 0,16% 27%,0 67%);background:linear-gradient(40deg,#0007,#fff9)}
.ms-gem-surface i:nth-child(3){clip-path:polygon(0 67%,16% 27%,21% 76%);background:linear-gradient(100deg,var(--gem),#fff0)}
.ms-gem-surface i:nth-child(4){clip-path:polygon(0 67%,21% 76%,13% 100%,0 100%)}
.ms-gem-surface i:nth-child(5){clip-path:polygon(13% 100%,21% 76%,46% 100%);background:linear-gradient(35deg,#fff8,#fff0)}
.ms-gem-surface i:nth-child(6){clip-path:polygon(66% 0,100% 0,83% 32%);background:linear-gradient(145deg,#fff0,#fffb)}
.ms-gem-surface i:nth-child(7){clip-path:polygon(100% 0,100% 55%,83% 32%);background:linear-gradient(40deg,#0004,var(--gem))}
.ms-gem-surface i:nth-child(8){clip-path:polygon(83% 32%,100% 55%,78% 78%);background:linear-gradient(130deg,#fffb,#fff0)}
.ms-gem-surface i:nth-child(9){clip-path:polygon(100% 55%,100% 100%,78% 78%);background:linear-gradient(25deg,#0005,#fff8)}
.ms-gem-surface i:nth-child(10){clip-path:polygon(78% 78%,100% 100%,58% 100%);background:linear-gradient(140deg,#fff0,var(--gem))}
.ms-gem-prism{opacity:var(--prism);background:linear-gradient(115deg,transparent 5%,#92cfff4d 17%,#ffc5e26b 23%,#f9eeab75 26%,transparent 35%,transparent 68%,#b4ddff80 79%,#e4c5ff66 84%,transparent 94%);background-size:180% 100%;background-position:35% 0}
.ms-pass--group .ms-pass-top,.ms-pass--group .ms-pass-bottom{position:relative;z-index:2}
.ms-pass--group .ms-pass-center{z-index:2}
.ms-pass--group:not(.ms-pass--royal):not(.ms-pass--unknown) .ms-pass-center>img{filter:drop-shadow(0 1px 0 #fff7) drop-shadow(0 2px 4px #0006)}
.ms-pass--group:not(.ms-pass--royal):not(.ms-pass--unknown) .ms-card-caption{color:#fff8ed;text-shadow:0 1px 1px #0008,0 0 12px #ffffff30}
.ms-pass--group .ms-card-ribbon{background:linear-gradient(110deg,#fff0,#ffffff12,#fff0);border-top:1px solid #ffffff30;border-bottom-color:var(--foil);padding:4px 5px;letter-spacing:.08em}
.ms-card-stone{position:absolute;left:2px;top:38%;width:32px;height:37px;filter:drop-shadow(0 2px 2px #0004)}
.ms-card-stone::before,.ms-card-stone::after,.ms-card-stone i{content:"";position:absolute;inset:0;clip-path:polygon(50% 0,89% 23%,100% 57%,50% 100%,0 57%,11% 23%)}
.ms-card-stone::before{background:conic-gradient(from 30deg,#fff,var(--gem),#ffffff24,var(--foil),#fff,var(--gem),#fff)}
.ms-card-stone::after{inset:6px;background:linear-gradient(135deg,#fff8,var(--gem),#fff3);clip-path:polygon(50% 0,100% 38%,80% 78%,50% 100%,20% 78%,0 38%);border:1px solid #fffb}
.ms-card-stone i:nth-child(1){background:#fff9;clip-path:polygon(50% 0,50% 100%,11% 23%)}
.ms-card-stone i:nth-child(2){background:#0004;clip-path:polygon(50% 100%,100% 57%,89% 23%)}
.ms-card-stone i:nth-child(3){background:#fff8;clip-path:polygon(11% 23%,89% 23%,50% 35%)}
.ms-pass--diamond .ms-card-stone{width:36px;height:41px;filter:drop-shadow(0 0 6px #bfd9ff66)}
.ms-card-jewels i{background:linear-gradient(135deg,#fff 5%,var(--gem) 40%,var(--foil) 55%,#fff 90%);width:6px;height:6px;box-shadow:0 0 3px #ffffff40}
.ms-gem-sparks{z-index:3;overflow:visible}
.ms-gem-sparks i{position:absolute;width:14px;height:14px;background:#fff;opacity:.6;clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 4px #fff)}
.ms-gem-sparks i:nth-child(1){left:15%;top:25%}
.ms-gem-sparks i:nth-child(2){right:13%;top:34%;width:10px;height:10px;opacity:.4}
.ms-gem-sparks i:nth-child(3){right:22%;bottom:15%;width:8px;height:8px;opacity:.5}
.ms-pass--royal .ms-gem-sparks{opacity:.5}
.ms-pass--royal .ms-card-sheen{display:block}
.ms-card-back .ms-gem-surface{opacity:calc(var(--cut) * .45)}
.ms-card-back .ms-gem-sparks{opacity:.35}
@media(prefers-reduced-motion:no-preference){
 #memberExperience[data-entering="true"] .ms-gem-prism{animation:ms-prism-travel 2400ms 160ms ease-out both}
 #memberExperience[data-entering="true"] .ms-gem-sparks i{animation:ms-gem-glint 1800ms 180ms ease-in-out 2 both}
 #memberExperience[data-entering="true"] .ms-gem-sparks i:nth-child(2){animation-delay:520ms}
 #memberExperience[data-entering="true"] .ms-gem-sparks i:nth-child(3){animation-delay:820ms}
 .ms-card-flip[data-flipped="true"] .ms-card-face--back .ms-gem-prism{animation:ms-prism-travel 2000ms 300ms ease-out both}
 .ms-card-flip[data-flipped="true"] .ms-card-face--back .ms-gem-sparks i{animation:ms-gem-glint 1800ms 450ms ease-in-out both}
}
@keyframes ms-prism-travel{from{background-position:100% 0}to{background-position:35% 0}}
@keyframes ms-gem-glint{0%,100%{opacity:.25;transform:scale(.65) rotate(0)}45%{opacity:1;transform:scale(1.2) rotate(12deg)}70%{opacity:.45;transform:scale(.8) rotate(0)}}
@media(max-width:350px){.ms-card-stone{left:-5px;width:26px;height:31px}.ms-pass--diamond .ms-card-stone{width:29px;height:34px}.ms-card-jewels{right:-5px}}