@keyframes sparkle{0%{transform:scale(.2)}to{transform:scale(1.2)}}@keyframes glisten{0%{opacity:.3}80%{opacity:.3}90%{opacity:.5}to{opacity:.3}}@keyframes reflect{0%{opacity:0}to{opacity:.3}}@keyframes breath{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes shinny{0%{background-position:0 50%}25%{background-position:100% 50%}50%{background-position:50% 100%}75%{background-position:0 50%}to{background-position:0 50%}}:root{font-size:clamp(12px,1.1vw,18px);--common-padding: 1rem;--theme-color: #ffffff;--color-golden: #efd162;--color-golden-shadow: #FEE9A0;--gem-scale: 1;--frame-size: 26%;--border-lime: solid 1px lime;--border-red: solid 1px red;--border-navy: solid 1px navy}@media(max-width:1200px){:root{--frame-size: 26%}}@media(max-width:992px){:root{font-size:10px;--gem-scale: .7;--frame-size: 32%}}@media(max-width:768px){:root{font-size:9px;--gem-scale: 1;--frame-size: 38%}}@media(max-width:576px){:root{font-size:8px;--gem-scale: .45;--frame-size: 45%}}@media(max-width:480px){:root{font-size:7px;--gem-scale: .35;--frame-size: 55%}}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box;scrollbar-width:thin;scroll-behavior:smooth;scrollbar-color:#eee transparent}body{--scrollbar-width: 8px;display:flex;flex-direction:column;background:#000;width:calc(100vw - var(--scrollbar-width));min-height:100dvh;height:100%;overflow-x:hidden;color:#fff;font-family:"Roboto Serif";box-sizing:border-box}header{position:fixed;width:100%;height:100%;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:2}header h3{position:absolute;top:50%;padding:1rem 2rem;font-family:Cinzel Decorative;font-size:.8rem;transform:translateY(-50%);text-shadow:0 0 5px #fff;opacity:0;letter-spacing:1px;word-spacing:50%}header h3.tip-1{left:var(--common-padding)}header h3.tip-2{right:var(--common-padding)}header h1{position:absolute;padding:1rem 2rem;font-family:Cinzel Decorative;font-size:1rem;font-weight:bolder}header h1:nth-child(1){top:var(--common-padding);left:var(--common-padding)}header h1:nth-child(1) .decor-line{top:0;left:0;transform-origin:left;background:linear-gradient(to left,transparent 0%,var(--theme-color) 80%,transparent 80%)}header h1:nth-child(2){top:var(--common-padding);right:var(--common-padding)}header h1:nth-child(2) .decor-line{right:0;top:0;transform-origin:right;background:linear-gradient(to right,transparent 0%,var(--theme-color) 80%,transparent 80%)}header h1:nth-child(3){bottom:var(--common-padding);left:var(--common-padding)}header h1:nth-child(3) .decor-line{bottom:0;left:0;transform-origin:left;background:linear-gradient(to left,transparent 0%,var(--theme-color) 80%,transparent 80%)}header h1:nth-child(4){bottom:var(--common-padding);right:var(--common-padding)}header h1:nth-child(4) .decor-line{right:0;bottom:0;transform-origin:right;background:linear-gradient(to right,transparent 0%,var(--theme-color) 80%,transparent 80%)}header h1 p{position:absolute;width:2rem;height:2rem;left:50%;top:50%;transform:translate(-50%,-50%)}header h1 .star{position:absolute;width:2rem;height:2rem;background-image:url(/such-a-little-gem/assets/spinning-D_XiB8AF.png);background-position:center;background-size:cover;background-repeat:no-repeat;z-index:10}header h1 .decor-line{position:absolute;width:100%;height:.1rem;background-color:#fff;z-index:-1}@media(max-width:768px){header h1{padding:.8rem 1.5rem;font-size:.9rem}header h1 p{width:1.8rem;height:1.8rem}header h1 .star{width:1.8rem;height:1.8rem}}@media(max-width:576px){header h1{padding:.6rem 1.2rem;font-size:.8rem}header h1 p{width:1.5rem;height:1.5rem}header h1 .star{width:1.5rem;height:1.5rem}}@media(max-width:480px){header h1{padding:.5rem 1rem;font-size:.7rem}header h1 p{width:1.2rem;height:1.2rem}header h1 .star{width:1.2rem;height:1.2rem}}main{flex:1;-webkit-user-select:none;user-select:none}main svg{display:none;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}main .wrapper{pointer-events:none}main .wrapper .track{position:sticky;top:0;overflow:hidden}main .wrapper .container{display:flex;width:900dvw;pointer-events:none}main .wrapper .container section{flex:1}main .overlay-container{position:fixed;inset:0;border:var(--border-lime);visibility:hidden}main .overlay-container .overlay{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}main .overlay-container .overlay .tilt{width:40vw;height:40vw;background:linear-gradient(45deg,#757575,#9e9e9e 30%,#e8e8e8,#9e9e9e 70%,#757575);-webkit-mask-image:url(/such-a-little-gem/assets/frame-BD__kMjO.svg);mask-image:url(/such-a-little-gem/assets/frame-BD__kMjO.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:auto}main .overlay-container .overlay .tilt-sub{background:linear-gradient(45deg,#b67b03,#daaf08 30%,#fee9a0,#daaf08 70%,#b67b03)}section{position:relative;width:100dvw;height:100dvh;display:grid;place-items:center;padding-right:8px;pointer-events:none}section #gem{pointer-events:auto}.card{position:relative;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;border-radius:.5rem;transition:all 1s;cursor:pointer;overflow:hidden}[class^=caption]{position:fixed;top:4rem;left:50%;transform:translate(-56%);width:30rem;text-align:center;font-family:Cinzel Decorative;font-size:2rem;text-transform:uppercase;letter-spacing:4px;margin:2rem;text-shadow:0 0 5px #fff}@media(max-width:768px){[class^=caption]{font-size:1.8rem;width:25rem;letter-spacing:3px}}@media(max-width:576px){[class^=caption]{font-size:1.5rem;width:20rem;letter-spacing:2px;top:3rem}}@media(max-width:480px){[class^=caption]{font-size:1.2rem;width:16rem;letter-spacing:1px}}.caption,.caption-outro{opacity:0}footer{position:fixed;bottom:0;left:0;width:100%;padding:2rem 0;text-align:center;font-family:Cinzel Decorative;font-size:.8rem;font-weight:500}footer .author{display:block}footer .author a{color:inherit;text-decoration:underline}@media(max-width:576px){footer{padding:1.5rem 0;font-size:.7rem}}@media(max-width:480px){footer{padding:1rem 0;font-size:.6rem}}.gem{position:relative;width:80px;height:80px;margin:20px;border-radius:12px;background:linear-gradient(135deg,#4dd0e1,#00796b);overflow:hidden}.gem:after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(75deg,#ffffffe6,#fff0);transform:skew(-25deg);opacity:0;animation:glisten-move 3s linear infinite}.gem:nth-child(2):after{animation-delay:1s}.gem:nth-child(3):after{animation-delay:2s}.gem:nth-child(4):after{animation-delay:.5s}@keyframes glisten-move{0%{transform:translate(-80%) skew(-25deg);opacity:0}30%{opacity:0}40%{opacity:1}50%{opacity:.3}60%{opacity:1}70%{opacity:0}to{transform:translate(180%) skew(-25deg);opacity:0}}.facade,.triangle,.trapezoid{pointer-events:none}svg{position:fixed;top:0;left:0;width:100%;height:30rem}svg path{stroke:var(--theme-color);stroke-dasharray:30;stroke-dashoffset:30}section .stage{position:absolute;inset:0;display:grid;place-items:center}section .stage .background{border:var(--border-lime);width:calc(120vw - var(--scrollbar-width));height:120vh;display:grid;grid-template-columns:repeat(auto-fill,80px);grid-auto-rows:80px;justify-content:center;align-content:center;opacity:0;background-color:#000000b3}section .stage .background>div{position:relative;border:var(--border-red)}.obsidian .background{background-image:url(/such-a-little-gem/assets/obsidian-DOHCZmHH.png);background-size:10rem;border:var(--border-lime)}.obsidian #gem{position:relative;width:20rem;height:20rem;display:grid;place-items:center;border:var(--border-lime);transform:scale(calc(36% * var(--gem-scale)))}.obsidian #gem .square{position:relative;width:12rem;height:12rem;background-color:#160c10;transform:rotate(45deg);border:var(--border-lime)}.obsidian #gem .square:after{content:"";position:absolute;top:0;left:0;width:inherit;height:inherit;background-color:#fff;opacity:0;animation:2s linear 2s infinite glisten;transition:all 1s;z-index:1}.obsidian #gem .triangle{position:absolute;width:12rem;height:12rem;clip-path:polygon(0 0,100% 0,50% 13%)}.obsidian #gem .triangle-1{top:0;left:4rem;background-color:#120e0f}.obsidian #gem .triangle-2{left:4rem;bottom:0;background-color:#9c9696;transform:rotate(180deg)}.obsidian #gem .triangle-3{top:4rem;left:0;background-color:#574f4d;transform:rotate(-90deg)}.obsidian #gem .triangle-4{top:4rem;right:0;background-color:#262223;transform:rotate(90deg)}.obsidian #gem .trapezoid{position:absolute;width:12rem;height:12rem;clip-path:polygon(0 0,100% 0,74% 45%,26% 45%)}.obsidian #gem .trapezoid-1{top:-4.4rem;left:-4.4rem;background-color:#c3c1c6;transform:rotate(135deg)}.obsidian #gem .trapezoid-2{top:-4.4rem;right:-4.4rem;background-color:#b3b1b4;transform:rotate(-135deg)}.obsidian #gem .trapezoid-3{bottom:-4.4rem;left:-4.4rem;background-color:#3a3132;transform:rotate(45deg)}.obsidian #gem .trapezoid-4{bottom:-4.4rem;right:-4.4rem;background-color:#3f3a3e;transform:rotate(-45deg)}.obsidian #gem .effect-group{position:absolute;width:inherit;height:inherit;--basic-size: 2.5rem}.obsidian #gem .effect-group .effect{position:absolute;max-width:5rem;max-height:5rem;transform-origin:center}.obsidian #gem .effect-group .effect-1{top:calc(.7 * var(--basic-size));left:calc(-1 * var(--basic-size));animation:1s linear .4s infinite alternate sparkle}.obsidian #gem .effect-group .effect-2{animation:2s ease-in-out 1s infinite spin;opacity:0}@keyframes spin{0%{top:8rem;right:0rem;transform:rotate(0) scale(1.6);opacity:1}30%{top:16rem;right:8rem;transform:rotate(360deg) scale(0);opacity:1}to{top:16rem;right:8rem;transform:rotate(360deg) scale(0);opacity:1}}.obsidian #gem .effect-group .effect-3{top:calc(-1 * var(--basic-size));right:calc(.7 * var(--basic-size));animation:1s linear .9s infinite alternate sparkle}.obsidian #gem .effect-group .effect-4{top:calc(.7 * var(--basic-size));right:calc(-1 * var(--basic-size));animation:1s linear .1s infinite alternate sparkle}.spinel .background{background-image:url(/such-a-little-gem/assets/spinel-Bq27SB8L.png);background-size:6rem}.spinel #gem{position:relative;bottom:3%;width:12rem;height:20rem;display:grid;place-items:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='4.19202%20-0.1%20135.6%20240.2'%3e%3cpath%20d='M%2072%200%20A122%20134%200%200%200%2072%20240%20A122%20134%200%200%200%2072%200'%20fill='%23000000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='4.19202%20-0.1%20135.6%20240.2'%3e%3cpath%20d='M%2072%200%20A122%20134%200%200%200%2072%20240%20A122%20134%200%200%200%2072%200'%20fill='%23000000'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:12rem 20rem;mask-size:12rem 20rem;transform:scale(calc(48% * var(--gem-scale)));border:var(--border-lime)}.spinel .table{width:12rem;height:20rem;background:#eeacec;clip-path:polygon(50% 16%,68% 28%,76% 50%,68% 72%,50% 85%,32% 72%,24% 50%,32% 28%);border:var(--border-lime)}.spinel .table-effect{position:absolute;width:inherit;height:inherit;background-color:#fff;opacity:0;z-index:30;animation:2s linear 2s infinite glisten}.spinel .facade{position:absolute;width:12rem;height:20rem}.spinel .facade.left-qua{clip-path:polygon(24% 50%,18% 36%,4% 50%,18% 64%);background-color:#e5718a}.spinel .facade.right-qua{clip-path:polygon(24% 50%,18% 36%,4% 50%,18% 64%);background-color:#db84a0;transform:rotateY(180deg)}.spinel .facade.lt-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#94c7e5}.spinel .facade.rt-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#f1b0a1;transform:rotateY(180deg)}.spinel .facade.rb-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#efb5c5;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#e8cad0;transform:rotateX(180deg)}.spinel .facade.lt-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#f0d1d2}.spinel .facade.rt-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#efcad4;transform:rotateY(180deg)}.spinel .facade.rb-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#efdee0;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#f3dfdf;transform:rotateX(180deg)}.spinel .facade.lt-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#d7768c}.spinel .facade.rt-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#e1a2aa;transform:rotateY(180deg)}.spinel .facade.rb-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#a4def6;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#eb8aa1;transform:rotateX(180deg)}.spinel .facade.lt-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#e38872}.spinel .facade.rt-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#bf91f3;transform:rotateY(180deg)}.spinel .facade.rb-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#e9749b;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#d764cf;transform:rotateX(180deg)}.spinel .facade.lt-tri-5{clip-path:polygon(16% 0,37% 13%,18% 20%);background-color:#e2a2ae}.spinel .facade.rt-tri-5{clip-path:polygon(16% 0,37% 13%,18% 20%);background-color:#df5368;transform:rotateY(180deg)}.spinel .facade.rb-tri-5{clip-path:polygon(16% 0,37% 13%,18% 20%);background-color:#b85f7c;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-5{clip-path:polygon(16% 0,37% 13%,18% 20%);background-color:#ba5675;transform:rotateX(180deg)}.spinel .facade.lt-tri-6{clip-path:polygon(37% 13%,18% 20%,18% 36%,32% 28%);background-color:#e87fa8}.spinel .facade.rt-tri-6{clip-path:polygon(37% 13%,18% 20%,18% 36%,32% 28%);background-color:#ec8fa2;transform:rotateY(180deg)}.spinel .facade.rb-tri-6{clip-path:polygon(37% 13%,18% 20%,18% 36%,32% 28%);background-color:#f26681;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-6{clip-path:polygon(37% 13%,18% 20%,18% 36%,32% 28%);background-color:#f36bc5;transform:rotateX(180deg)}.spinel .facade .spinel .facade.lt-tri-7{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#ea496c}.spinel .facade .rt-tri-7{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#e95f88;transform:rotateY(180deg)}.spinel .facade .rb-tri-7{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#d02d51;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-7{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#d2685a;transform:rotateX(180deg)}.spinel .facade.lb-tri-7-lt{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#eeacec;transform:rotateX(0)}.spinel .facade.lb-tri-7-rt{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#eeacec;transform:rotateY(180deg)}.spinel .facade.lb-tri-7-rb{clip-path:polygon(0% 36%,18% 36%,18% 10%);background-color:#eeacec;transform:rotateX(180deg) rotateY(180deg)}.spinel .facade.lt-tri-8{clip-path:polygon(3% 51%,18% 36%,0% 32%);background-color:#c4214b}.spinel .facade.rt-tri-8{clip-path:polygon(3% 51%,18% 36%,0% 32%);background-color:#ba567a;transform:rotateY(180deg)}.spinel .facade.rb-tri-8{clip-path:polygon(3% 51%,18% 36%,0% 32%);background-color:#f94357;transform:rotateY(180deg) rotateX(180deg)}.spinel .facade.lb-tri-8{clip-path:polygon(3% 51%,18% 36%,0% 32%);background-color:#a33252;transform:rotateX(180deg)}.spinel .effect-group{position:absolute;inset:0}.spinel .effect-group .effect{position:absolute;max-width:4rem;max-height:4rem;transform-origin:center}.spinel .effect-group .effect-1{top:26%;left:0%;animation:1s linear 0s infinite alternate sparkle}.spinel .effect-group .effect-2{top:26%;right:0%;animation:1s linear .2s infinite alternate sparkle}.spinel .effect-group .effect-3{bottom:25%;left:1%;animation:1s linear .6s infinite alternate sparkle}.spinel .effect-group .effect-4{bottom:25%;right:1%;animation:1s linear .8s infinite alternate sparkle}.spinel .effect-group .effect-5{bottom:6%;right:33%;animation:1s linear .5s infinite alternate sparkle}.spinel .effect-group .effect-6{top:6%;right:33%;animation:1s linear .2s infinite alternate sparkle}.sapphire .background{background-image:url(/such-a-little-gem/assets/sapphire-D9gsCYN7.png);background-size:6rem}.sapphire #gem{position:relative;width:20rem;height:20rem;border-radius:100% 2px 64% 36%/64% 2px 100% 36%;overflow:hidden;transform:rotate(-45deg) scale(calc(36% * var(--gem-scale)));border:var(--border-lime)}.sapphire #gem .content-wrapper{position:relative;width:20rem;height:20rem;display:grid;place-items:center;transform:rotate(45deg)}.sapphire #gem .table{position:relative;bottom:5%;width:20rem;height:20rem;background:#add8e6;clip-path:polygon(50% 18.5%,64% 36%,70% 68%,66% 86%,50% 96%,34% 86%,30% 68%,36% 36%);border:var(--border-lime)}.sapphire #gem .table-effect{position:absolute;width:inherit;height:inherit;background-color:#fff;opacity:0;z-index:30;animation:2s linear 2s infinite glisten}.sapphire #gem .facade{position:absolute;width:20rem;height:28rem}.sapphire #gem .facade-1{clip-path:polygon(50% 90%,38% 83%,50% 79%,62% 83%);background-color:#1a1a57}.sapphire #gem .facade-2{clip-path:polygon(38% 83%,50% 79%,34% 72%);background-color:#2f55f3}.sapphire #gem .facade-2-opp{clip-path:polygon(38% 83%,50% 79%,34% 72%);transform:rotateY(180deg);background-color:#4776e6}.sapphire #gem .facade-3{clip-path:polygon(50% 90%,38% 83%,32% 90%);background-color:#6034ac}.sapphire #gem .facade-3-opp{clip-path:polygon(50% 90%,38% 83%,32% 90%);background-color:#362f91;transform:rotateY(180deg)}.sapphire #gem .facade-4{clip-path:polygon(38% 83%,32% 90%,12% 80%);background-color:#05078b}.sapphire #gem .facade-4-opp{clip-path:polygon(38% 83%,32% 90%,12% 80%);background-color:#5031db;transform:rotateY(180deg)}.sapphire #gem .facade-5{clip-path:polygon(38% 83%,34% 72%,25% 71%,8% 80%);background-color:#4f87ef}.sapphire #gem .facade-5-opp{clip-path:polygon(38% 83%,34% 72%,25% 71%,8% 80%);background-color:#8f90c4;transform:rotateY(180deg)}.sapphire #gem .facade-6{clip-path:polygon(34.2% 72%,25% 71%,30.2% 59%);background-color:#3541a3}.sapphire #gem .facade-6-opp{clip-path:polygon(34% 72%,25% 71%,30.2% 59%);background-color:#c2d3fa;transform:rotateY(180deg)}.sapphire #gem .facade-7{clip-path:polygon(25% 71%,30% 59%,21% 50%,11.5% 59%);background-color:#68b0e0}.sapphire #gem .facade-7-opp{clip-path:polygon(25% 71%,30% 59%,21% 50%,11.5% 59%);background-color:#219ef4;transform:rotateY(180deg)}.sapphire #gem .facade-8{clip-path:polygon(25% 71%,8% 80%,11.5% 59%);background-color:#1e1e5a}.sapphire #gem .facade-8-opp{clip-path:polygon(25% 71%,8% 80%,11.5% 59%);background-color:#2e2e3b;transform:rotateY(180deg)}.sapphire #gem .facade-9{clip-path:polygon(30.2% 59%,36.2% 36.5%,21% 50%);background-color:#e0efcf}.sapphire #gem .facade-9-opp{clip-path:polygon(30% 59%,36% 36.5%,21% 50%);background-color:#e6e9f5;transform:rotateY(180deg)}.sapphire #gem .facade-10{clip-path:polygon(2% 48%,21% 50%,11.5% 59%);background-color:#2a2d2a}.sapphire #gem .facade-10-opp{clip-path:polygon(2% 48%,21% 50%,11.5% 59%);background-color:#2873b4;transform:rotateY(180deg)}.sapphire #gem .facade-11{clip-path:polygon(20% 30%,36% 18%,36% 36.5%,21% 50%);background-color:#6193fb}.sapphire #gem .facade-11-opp{clip-path:polygon(20% 30%,36% 18%,36% 36.5%,21% 50%);background-color:#42a1bb;transform:rotateY(180deg)}.sapphire #gem .facade-12{clip-path:polygon(20% 30%,10% 49%,21% 50%);background-color:#0032ad}.sapphire #gem .facade-12-opp{clip-path:polygon(20% 30%,10% 49%,21% 50%);background-color:#0e3494;transform:rotateY(180deg)}.sapphire #gem .facade-13{clip-path:polygon(36% 18%,36% 36.5%,50% 24%);background-color:#fcfff4}.sapphire #gem .facade-13-opp{clip-path:polygon(36% 18%,36% 36.5%,50% 24%);background-color:#92f5bd;transform:rotateY(180deg)}.sapphire #gem .facade-14{clip-path:polygon(20% 30%,36% 18%,28% 13%);background-color:#0012a8}.sapphire #gem .facade-14-opp{clip-path:polygon(20% 30%,36% 18%,28% 13%);background-color:#613d8c;transform:rotateY(180deg)}.sapphire #gem .facade-15{clip-path:polygon(36% 18%,50% 0,50% 24%);background-color:#371bde}.sapphire #gem .facade-15-opp{clip-path:polygon(36% 18%,50% 0,50% 24%);background-color:#3369a5;transform:rotateY(180deg)}.sapphire #gem .facade-16{clip-path:polygon(36% 18%,50% 0,10% 1%);background-color:#150d21}.sapphire #gem .facade-16-opp{clip-path:polygon(36% 18%,50% 0,10% 1%);background-color:#170975;transform:rotateY(180deg)}.sapphire #gem .effect-group{position:absolute;inset:0}.sapphire #gem .effect-group .effect{position:absolute;max-width:5rem;max-height:5rem;transform-origin:center}.sapphire #gem .effect-group .effect-1{top:18%;left:23%;animation:1s linear 0s infinite alternate sparkle}.sapphire #gem .effect-group .effect-2{bottom:8%;right:13%;animation:1s linear .2s infinite alternate sparkle}.sapphire #gem .effect-group .effect-3{top:2%;left:38%;animation:1s linear .6s infinite alternate sparkle}.sapphire #gem .effect-group .effect-4{bottom:25%;left:18%}.emerald .background{background-image:url(/such-a-little-gem/assets/emerald-DwkbWpFD.png);background-size:6rem}.emerald #gem{position:relative;width:20rem;height:20rem;display:grid;place-items:center;transform:scale(calc(28% * var(--gem-scale)));border:var(--border-lime)}.emerald #gem .facade{position:absolute;width:20rem;height:30rem}.emerald #gem .top-tri{background:#1e874a;clip-path:polygon(32% 20%,50% 30%,68% 20%)}.emerald #gem .bottom-tri{background:#bdecdf;clip-path:polygon(32% 20%,50% 30%,68% 20%);transform:rotateX(180deg)}.emerald #gem .top-qua-1{background:#43986e;clip-path:polygon(68% 20%,32% 20%,26% 13%,74% 13%)}.emerald #gem .bottom-qua-1{background:#37ae6a;clip-path:polygon(68% 20%,32% 20%,26% 13%,74% 13%);transform:rotateX(180deg)}.emerald #gem .top-qua-2{background:#87b5af;clip-path:polygon(80% 7%,20% 7%,26% 13%,74% 13%)}.emerald #gem .bottom-qua-2{background:#0d1e1b;clip-path:polygon(80% 7%,20% 7%,26% 13%,74% 13%);transform:rotateX(180deg)}.emerald #gem .top-qua-3{background:#184f41;clip-path:polygon(86% 0,14% 0,20% 7%,80% 7%)}.emerald #gem .bottom-qua-3{background-image:linear-gradient(to right,#11422d 20%,#49947f 60%);clip-path:polygon(86% 0,14% 0,20% 7%,80% 7%);transform:rotateX(180deg)}.emerald #gem .lt-tri-1{background:#0c2116;clip-path:polygon(32% 20%,26% 13%,21% 17%)}.emerald #gem .rt-tri-1{background-color:#46a582;clip-path:polygon(32% 20%,26% 13%,21% 17%);transform:rotateY(180deg)}.emerald #gem .rb-tri-1{background:#1e603d;clip-path:polygon(32% 20%,26% 13%,21% 17%);transform:rotateY(180deg) rotateX(180deg)}.emerald #gem .lb-tri-1{background:#134a2c;clip-path:polygon(32% 20%,26% 13%,21% 17%);transform:rotateX(180deg)}.emerald #gem .lt-tri-2{background:#f1fcfd;clip-path:polygon(26% 13%,21% 17%,10% 14%,20% 7%)}.emerald #gem .rt-tri-2{background:#2b6f57;clip-path:polygon(26% 13%,21% 17%,10% 14%,20% 7%);transform:rotateY(180deg)}.emerald #gem .rb-tri-2{background:#50bc9d;clip-path:polygon(26% 13%,21% 17%,10% 14%,20% 7%);transform:rotateY(180deg) rotateX(180deg)}.emerald #gem .lb-tri-2{background:#0c7a3e;clip-path:polygon(26% 13%,21% 17%,10% 14%,20% 7%);transform:rotateX(180deg)}.emerald #gem .lt-tri-3{background:#88cbc4;clip-path:polygon(0 11%,10% 14%,20% 7%,14% 0)}.emerald #gem .rt-tri-3{background:#60ba97;clip-path:polygon(0 11%,10% 14%,20% 7%,14% 0);transform:rotateY(180deg)}.emerald #gem .rb-tri-3{background:#051410;clip-path:polygon(0 11%,10% 14%,20% 7%,14% 0);transform:rotateY(180deg) rotateX(180deg)}.emerald #gem .lb-tri-3{background:#0a2019;clip-path:polygon(0 11%,10% 14%,20% 7%,14% 0);transform:rotateX(180deg)}.emerald #gem .left-bar-1{background:#1c9047;clip-path:polygon(32% 20%,50% 30%,50% 70%,32% 80%)}.emerald #gem .left-bar-1-shadow{background-color:#000;opacity:0;clip-path:polygon(32% 20%,50% 30%,50% 70%,32% 80%);animation:reflect 2s linear 1s alternate infinite}.emerald #gem .right-bar-1{background:#4ec699;clip-path:polygon(32% 20%,50% 30%,50% 70%,32% 80%);transform:rotateY(180deg)}.emerald #gem .left-bar-2{background-image:linear-gradient(to top,#16432e 40%,#46906f 60%);clip-path:polygon(32% 20%,32% 80%,21% 83%,21% 17%)}.emerald #gem .right-bar-2{background:#32ac87;clip-path:polygon(32% 20%,32% 80%,21% 83%,21% 17%);transform:rotateY(180deg)}.emerald #gem .left-bar-3{background:#0a251a;clip-path:polygon(21% 83%,21% 17%,10% 14%,10% 86%)}.emerald #gem .right-bar-3{background:#09271d;clip-path:polygon(21% 83%,21% 17%,10% 14%,10% 86%);transform:rotateY(180deg)}.emerald #gem .left-bar-4{background-image:linear-gradient(to bottom,#193b37 50%,#44796d 70%);clip-path:polygon(10% 14%,10% 86%,0 89%,0 11%)}.emerald #gem .right-bar-4{background-image:linear-gradient(to bottom,#152f22 30%,#1d533c 60%);clip-path:polygon(10% 14%,10% 86%,0 89%,0 11%);transform:rotateY(180deg)}.emerald #gem .effect-group{position:absolute;top:0;left:0;width:inherit;height:inherit}.emerald #gem .effect-group .effect{position:absolute;max-width:6rem;max-height:6rem;transform-origin:center}.emerald #gem .effect-group .effect-1{top:-3rem;left:1rem;animation:1s linear 0s infinite alternate sparkle}.emerald #gem .effect-group .effect-2{top:-3rem;right:1rem;animation:1s linear .7s infinite alternate sparkle}.emerald #gem .effect-group .effect-3{bottom:-3rem;left:1rem;animation:1s linear 1s infinite alternate sparkle}.emerald #gem .effect-group .effect-4{bottom:-3rem;right:1rem;animation:1s linear .4s infinite alternate sparkle}.ruby .background{background-image:url(/such-a-little-gem/assets/ruby-DketKVjh.png);background-size:6rem}.ruby #gem{position:relative;width:20rem;height:20rem;display:grid;place-items:center;transform:scale(calc(40% * var(--gem-scale)));border:var(--border-lime)}.ruby #gem .table{position:relative;bottom:6%;width:12rem;height:12rem;background:linear-gradient(to bottom,#fb85b2,transparent),linear-gradient(45deg,#dd2281,transparent),linear-gradient(135deg,transparent,#ea706a);clip-path:polygon(50% 2%,92% 25%,92% 75%,50% 100%,8% 75%,8% 25%,50% 2%)}.ruby #gem .table-effect{position:absolute;bottom:16%;width:16rem;height:16rem;clip-path:polygon(50% 100%,96% 23%,4% 23%);background-color:#fff;z-index:30;opacity:.3;animation:2s linear 2s infinite glisten}.ruby #gem .facade{position:absolute;inset:0;width:20rem;height:20rem}.ruby #gem .facade-1{clip-path:polygon(50% 84%,32% 84%,25% 59%,50% 74%);background-color:#5b0414}.ruby #gem .facade-10{clip-path:polygon(50% 84%,32% 84%,25% 59%,50% 74%);background-color:#8f0437;transform:rotateY(180deg)}.ruby #gem .facade-2{clip-path:polygon(50% 84%,32% 84%,50% 100%);background-color:#cd051d}.ruby #gem .facade-11{clip-path:polygon(50% 84%,32% 84%,50% 100%);background-color:#4b0826;transform:rotateY(180deg)}.ruby #gem .facade-3{clip-path:polygon(32% 84%,25% 59%,16% 64%);background-color:#ec0050}.ruby #gem .facade-12{clip-path:polygon(32% 84%,25% 59%,16% 64%);background-color:#b61316;transform:rotateY(180deg)}.ruby #gem .facade-4{clip-path:polygon(8% 40%,25% 59%,16% 64%);background-color:#ca091d}.ruby #gem .facade-13{clip-path:polygon(8% 40%,25% 59%,16% 64%);background-color:#960c5e;transform:rotateY(180deg)}.ruby #gem .facade-5{clip-path:polygon(8% 40%,25% 59%,25% 29%,14% 23%);background-color:#86081a}.ruby #gem .facade-14{clip-path:polygon(8% 40%,25% 59%,25% 29%,14% 23%);background-color:#fd395d;transform:rotateY(180deg)}.ruby #gem .facade-6{clip-path:polygon(8% 40%,14% 23%,2% 18%);background-color:#fd0a48}.ruby #gem .facade-15{clip-path:polygon(8% 40%,14% 23%,2% 18%);background-color:#3d0424;transform:rotateY(180deg)}.ruby #gem .facade-7{clip-path:polygon(20% 8%,14% 23%,2% 18%);background-color:#f33b5e}.ruby #gem .facade-16{clip-path:polygon(20% 8%,14% 23%,2% 18%);background-color:#651221;transform:rotateY(180deg)}.ruby #gem .facade-8{clip-path:polygon(20% 8%,14% 23%,25% 29%,50% 15%);background-color:#620a2d}.ruby #gem .facade-17{clip-path:polygon(20% 8%,14% 23%,25% 29%,50% 15%);background-color:#cc041e;transform:rotateY(180deg)}.ruby #gem .facade-9{clip-path:polygon(20% 8%,50% 15%,50% 5%);background-color:#f93099}.ruby #gem .facade-18{clip-path:polygon(20% 8%,50% 15%,50% 5%);background-color:#ec3630;transform:rotateY(180deg)}.ruby #gem .effect-group{position:absolute;width:inherit;height:inherit}.ruby #gem .effect-group .effect{position:absolute;max-width:4rem;max-height:4rem;transform-origin:center}.ruby #gem .effect-group .effect-1{top:6rem;left:-.5rem;animation:1s linear 0s infinite alternate sparkle}.ruby #gem .effect-group .effect-2{animation:2s ease-in 1.6s infinite spin;opacity:0}.ruby #gem .effect-group .effect-3{top:1rem;left:8rem;animation:1s linear 0s infinite alternate sparkle}.ruby #gem .effect-group .effect-4{top:6rem;right:-.5rem;animation:1s linear 0s infinite alternate sparkle}.aquamarine .background{background-image:url(/such-a-little-gem/assets/aquamarine-D6NHHQD7.png);background-size:6rem}.aquamarine #gem{position:relative;bottom:2.5%;width:8rem;height:20rem;display:grid;place-items:center;-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0.171422%20-0.1%2095.66%20240.2'%3e%3cpath%20d='M%2048%200%20A86%20134%200%200%200%2048%20240%20A86%20134%200%200%200%2048%200'%20fill='%23000000'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0.171422%20-0.1%2095.66%20240.2'%3e%3cpath%20d='M%2048%200%20A86%20134%200%200%200%2048%20240%20A86%20134%200%200%200%2048%200'%20fill='%23000000'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:8rem 20rem;mask-size:8rem 20rem;transform:scale(calc(48% * var(--gem-scale))) rotate(-90deg);border:var(--border-lime)}.aquamarine #gem .table{width:inherit;height:inherit;background:#82c0f9;clip-path:polygon(50% 16%,68% 28%,76% 50%,68% 72%,50% 85%,32% 72%,24% 50%,32% 28%);border:var(--border-lime)}.aquamarine #gem .table-effect{position:absolute;top:0;left:0;width:inherit;height:inherit;background-color:#fff;opacity:0;animation:2s linear 2s infinite glisten;transition:all 1s;z-index:1}.aquamarine #gem .facade{position:absolute;width:8rem;height:20rem}.aquamarine #gem .left-qua{clip-path:polygon(24% 50%,18% 36%,0% 50%,18% 64%);background-color:#4cb4cd}.aquamarine #gem .right-qua{clip-path:polygon(24% 50%,18% 36%,0% 50%,18% 64%);background-color:#78c7eb;transform:rotateY(180deg)}.aquamarine #gem .lt-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#a3d7e9}.aquamarine #gem .rt-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#cdfefd;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#bee899;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-1{clip-path:polygon(24% 50%,18% 36%,32% 28%);background-color:#86e9d2;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#cceff0}.aquamarine #gem .rt-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#4160a2;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#438dc0;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-2{clip-path:polygon(50% 16%,32% 28%,37% 13%);background-color:#2f5db2;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#47709d}.aquamarine #gem .rt-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#78c4e7;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#67d2a2;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-3{clip-path:polygon(50% 16%,50% 0,37% 13%);background-color:#52b0e5;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#2493d8}.aquamarine #gem .rt-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#1e8eb3;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#1f5591;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-4{clip-path:polygon(5% 0,50% 0,37% 13%);background-color:#24498b;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-5{clip-path:polygon(16% 0,37% 13%,14% 21%);background-color:#73c7eb}.aquamarine #gem .rt-tri-5{clip-path:polygon(16% 0,37% 13%,14% 21%);background-color:#6892c4;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-5{clip-path:polygon(16% 0,37% 13%,14% 21%);background-color:#4c75ce;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-5{clip-path:polygon(16% 0,37% 13%,14% 21%);background-color:#64b2c8;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-6{clip-path:polygon(37% 13%,14% 21%,18% 36%,32% 28%);background-color:#40bddb}.aquamarine #gem .rt-tri-6{clip-path:polygon(37% 13%,14% 21%,18% 36%,32% 28%);background-color:#94d2f2;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-6{clip-path:polygon(37% 13%,14% 21%,18% 36%,32% 28%);background-color:#5fccf1;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-6{clip-path:polygon(37% 13%,14% 21%,18% 36%,32% 28%);background-color:#487eba;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-7{clip-path:polygon(0% 36%,18% 36%,14% 21%);background-color:#3663a2}.aquamarine #gem .rt-tri-7{clip-path:polygon(0% 36%,18% 36%,14% 21%);background-color:#76c8e4;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-7{clip-path:polygon(0% 36%,18% 36%,14% 21%);background-color:#3c79b8;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-7{clip-path:polygon(0% 36%,18% 36%,14% 21%);background-color:#3e4776;transform:rotateX(180deg)}.aquamarine #gem .lt-tri-8{clip-path:polygon(0% 50%,18% 36%,0% 32%);background-color:#72c6e5}.aquamarine #gem .rt-tri-8{clip-path:polygon(0% 50%,18% 36%,0% 32%);background-color:#4272ae;transform:rotateY(180deg)}.aquamarine #gem .rb-tri-8{clip-path:polygon(0% 50%,18% 36%,0% 32%);background-color:#4b6eae;transform:rotateY(180deg) rotateX(180deg)}.aquamarine #gem .lb-tri-8{clip-path:polygon(0% 50%,18% 36%,0% 32%);background-color:#76c5e9;transform:rotateX(180deg)}.aquamarine #gem .effect-group{position:absolute;inset:0;border:solid 1px lime}.aquamarine #gem .effect-group .effect{position:absolute;max-width:4rem;max-height:4rem;transform-origin:center}.aquamarine #gem .effect-group .effect-1{top:18%;left:6%;animation:1s linear 0s infinite alternate sparkle}.aquamarine #gem .effect-group .effect-2{top:18%;right:6%;animation:1s linear .4s infinite alternate sparkle}.aquamarine #gem .effect-group .effect-3{bottom:18%;left:6%;animation:1s linear .3s infinite alternate sparkle}.aquamarine #gem .effect-group .effect-4{bottom:18%;right:6%;animation:1s linear .8s infinite alternate sparkle}.aquamarine #gem .effect-group .effect-5{bottom:40%;right:-1%;animation:1s linear .5s infinite alternate sparkle}.aquamarine #gem .effect-group .effect-6{bottom:40%;left:-1%;animation:1s linear .2s infinite alternate sparkle}.amethyst .background{background-image:url(/such-a-little-gem/assets/amethyst-Dm_P6Nfv.png);background-size:6rem}.amethyst #gem{position:relative;bottom:3%;width:20rem;height:28.5rem;display:grid;place-items:center;clip-path:ellipse(closest-side farthest-side);transform:scale(calc(36% * var(--gem-scale)));border:var(--border-lime)}.amethyst #gem .table{width:20rem;height:28.5rem;background:#d986e2;border:var(--border-lime);clip-path:polygon(50% 16%,72% 30%,77% 50.5%,72% 71%,50% 85%,28% 71%,23% 50.5%,28% 30%)}.amethyst #gem .table-effect{position:absolute;width:inherit;height:inherit;background-color:#fff;opacity:0;z-index:30;animation:2s linear 2s infinite glisten}.amethyst #gem .facade{position:absolute;inset:0;width:inherit;height:inherit}.amethyst #gem .left-qua{clip-path:polygon(23% 50%,20% 36%,0% 50%,20% 64%);background-color:#b554ba}.amethyst #gem .right-qua{clip-path:polygon(23% 50%,20% 36%,0% 50%,20% 64%);background-color:#b251bc;transform:rotateY(180deg)}.amethyst #gem .lt-tri-1{clip-path:polygon(23% 50%,20% 36%,28% 30%);background-color:#e0a9ed}.amethyst #gem .rt-tri-1{clip-path:polygon(23% 50%,20% 36%,28% 30%);background-color:#fac8fd;transform:rotateY(180deg)}.amethyst #gem .rb-tri-1{clip-path:polygon(23% 50%,20% 36%,28% 30%);background-color:#f7c0ef;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-1{clip-path:polygon(23% 50%,20% 36%,28% 30%);background-color:#faf6f8;transform:rotateX(180deg)}.amethyst #gem .lt-tri-2{clip-path:polygon(50% 16%,28% 30%,32% 14%);background-color:#d64594}.amethyst #gem .rt-tri-2{clip-path:polygon(50% 16%,28% 30%,32% 14%);background-color:#e45fbf;transform:rotateY(180deg)}.amethyst #gem .rb-tri-2{clip-path:polygon(50% 16%,28% 30%,32% 14%);background-color:#f5e1f8;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-2{clip-path:polygon(50% 16%,28% 30%,32% 14%);background-color:#edbff0;transform:rotateX(180deg)}.amethyst #gem .lt-tri-3{clip-path:polygon(50% 16%,50% 0,32% 14%);background-color:#8f2794}.amethyst #gem .rt-tri-3{clip-path:polygon(50% 16%,50% 0,32% 14%);background-color:#e4a0c1;transform:rotateY(180deg)}.amethyst #gem .rb-tri-3{clip-path:polygon(50% 16%,50% 0,32% 14%);background-color:#934abe;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-3{clip-path:polygon(50% 16%,50% 0,32% 14%);background-color:#c3245f;transform:rotateX(180deg)}.amethyst #gem .lt-tri-4{clip-path:polygon(16% 0,50% 0,32% 14%);background-color:#c82491}.amethyst #gem .rt-tri-4{clip-path:polygon(16% 0,50% 0,32% 14%);background-color:#852b8f;transform:rotateY(180deg)}.amethyst #gem .rb-tri-4{clip-path:polygon(16% 0,50% 0,32% 14%);background-color:#ea3f40;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-4{clip-path:polygon(16% 0,50% 0,32% 14%);background-color:#b64dc0;transform:rotateX(180deg)}.amethyst #gem .lt-tri-5{clip-path:polygon(16% 0,32% 14%,8% 16%);background-color:#d3309c}.amethyst #gem .rt-tri-5{clip-path:polygon(16% 0,32% 14%,8% 16%);background-color:#c436cf;transform:rotateY(180deg)}.amethyst #gem .rb-tri-5{clip-path:polygon(16% 0,32% 14%,8% 16%);background-color:#901749;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-5{clip-path:polygon(16% 0,32% 14%,8% 16%);background-color:#a22eac;transform:rotateX(180deg)}.amethyst #gem .lt-tri-6{clip-path:polygon(32% 14%,14% 15%,20% 36%,28% 30%);background-color:#c652d1}.amethyst #gem .rt-tri-6{clip-path:polygon(32% 14%,14% 15%,20% 36%,28% 30%);background-color:#962da3;transform:rotateY(180deg)}.amethyst #gem .rb-tri-6{clip-path:polygon(32% 14%,14% 15%,20% 36%,28% 30%);background-color:#9362fe;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-6{clip-path:polygon(32% 14%,14% 15%,20% 36%,28% 30%);background-color:#ab49b6;transform:rotateX(180deg)}.amethyst #gem .lt-tri-7{clip-path:polygon(14% 15%,20% 36%,0% 32%);background-color:#c63193}.amethyst #gem .rt-tri-7{clip-path:polygon(14% 15%,20% 36%,0% 32%);background-color:#a93eb1;transform:rotateY(180deg)}.amethyst #gem .rb-tri-7{clip-path:polygon(14% 15%,20% 36%,0% 32%);background-color:#623d86;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-7{clip-path:polygon(14% 15%,20% 36%,0% 32%);background-color:#d157d8;transform:rotateX(180deg)}.amethyst #gem .lt-tri-8{clip-path:polygon(0 50%,20% 36%,0% 32%);background-color:#dc65b6}.amethyst #gem .rt-tri-8{clip-path:polygon(0 50%,20% 36%,0% 32%);background-color:#e03b82;transform:rotateY(180deg)}.amethyst #gem .rb-tri-8{clip-path:polygon(0 50%,20% 36%,0% 32%);background-color:#7d2e92;transform:rotateY(180deg) rotateX(180deg)}.amethyst #gem .lb-tri-8{clip-path:polygon(0 50%,20% 36%,0% 32%);background-color:#93189f;transform:rotateX(180deg)}.amethyst #gem .effect-group{position:absolute;top:0;left:0;width:inherit;height:inherit}.amethyst #gem .effect-group .effect{position:absolute;max-width:5rem;max-height:5rem;transform-origin:center}.amethyst #gem .effect-group .effect-1{top:7%;left:37%;animation:1s linear 0s infinite alternate sparkle}.amethyst #gem .effect-group .effect-2{top:41%;right:10%;animation:1s linear .2s infinite alternate sparkle}.amethyst #gem .effect-group .effect-3{bottom:41%;left:10%;animation:1s linear .6s infinite alternate sparkle}.amethyst #gem .effect-group .effect-4{top:21%;left:15%;animation:1s linear .8s infinite alternate sparkle}.amethyst #gem .effect-group .effect-5{bottom:21%;right:15%;animation:1s linear .5s infinite alternate sparkle}.amethyst #gem .effect-group .effect-6{bottom:7%;left:38%;animation:1s linear .2s infinite alternate sparkle}.pearl .background{background-image:url(/such-a-little-gem/assets/pearl-ZZrS3eve.png);background-size:6rem}.pearl #gem{position:relative;bottom:3%;width:20rem;height:20rem;display:grid;place-items:center;border-radius:100%;overflow:hidden;background:radial-gradient(#bcbcb2,#d5d6d0 70%);box-shadow:0 2px 10px gray;transform:scale(calc(36% * var(--gem-scale)));border:var(--border-lime)}.pearl #gem .blush-t{position:absolute;top:1rem;left:4rem;z-index:20;width:12rem;height:8rem;border-radius:80% 60%;background-color:#f4f8f9;filter:blur(1rem);animation:breath 2s alternate infinite 0s}.pearl #gem .blush-b{position:absolute;bottom:3rem;left:5rem;z-index:20;width:10rem;height:6rem;border-radius:80% 70%;background-color:#f4f8f9;filter:blur(1rem);animation:breath 4s alternate infinite 0s}.pearl #gem .blush-l{position:absolute;top:2rem;left:1rem;width:6rem;height:10rem;background-color:#cdbaac;border-radius:100%;filter:blur(1rem)}.pearl #gem .blush-r{position:absolute;top:2rem;right:1rem;width:6rem;height:10rem;background-color:#cdbaac;border-radius:100%;filter:blur(1rem)}.diamond .background{background-image:url(/such-a-little-gem/assets/diamond-Cdvq4jVX.png);background-size:6rem}.diamond #gem{position:relative;bottom:1%;width:20rem;height:20rem;display:grid;place-items:center;transform:scale(calc(64% * var(--gem-scale)));border:var(--border-lime)}.diamond #gem .table{width:10rem;height:10rem;background-image:linear-gradient(150deg,#44405b,#fff 40%,#fff);clip-path:polygon(50% 12.2%,72% 20%,82% 36%,72% 52%,50% 60%,28% 52%,18% 36%,28% 20%,50% 12.2%);border:var(--border-lime)}.diamond #gem .table-effect{position:absolute;width:inherit;height:inherit;background-color:#fff;opacity:0;animation:2s linear 2s infinite glisten}.diamond #gem .triangle{position:absolute;width:8rem;height:8rem}.diamond #gem .triangle-1{clip-path:polygon(50% 0,77% 30%,23% 30%);bottom:1rem;left:6rem;background-image:linear-gradient(to top,#44405b,#fff 80%,#fff)}.diamond #gem .triangle-2{clip-path:polygon(75% 30%,25% 30%,50% 80%);left:6rem;bottom:1rem;background-color:#fff}.diamond #gem .triangle-3{clip-path:polygon(77% 30%,23% 30%,50% 80%);bottom:1rem;left:6rem;background-image:linear-gradient(210deg,#44405b,#fff 60%,#fff)}.diamond #gem .triangle-4{clip-path:polygon(23% 2.2%,50% 12%,23% 42%);bottom:calc(2rem - .5px);left:6rem;background-image:linear-gradient(to left,#44405b,#fff 80%,#fff)}.diamond #gem .triangle-5{clip-path:polygon(23% 2.2%,50% 12%,23% 42%);bottom:calc(2rem - .5px);left:6rem;transform:rotateY(180deg);background-image:linear-gradient(to right,#44405b,#fff 90%,#fff)}.diamond #gem .triangle-6{clip-path:polygon(100% 0,100% 40%,65% 21%);bottom:1.8rem;left:-2px;background-image:linear-gradient(to right,#44405b,#44405b 1%,#fff)}.diamond #gem .triangle-14{clip-path:polygon(100% 0,100% 40%,65% 21%);bottom:1.8rem;right:-2px;transform:rotateY(180deg);background-image:linear-gradient(to right,#44405b,#fff)}.diamond #gem .triangle-7{clip-path:polygon(38% 0,73% 19%,100% 69%);bottom:.1rem;left:2rem;background-image:linear-gradient(-60deg,#44405b,#fff 60%,#fff)}.diamond #gem .triangle-13{clip-path:polygon(38% 0,73% 19%,100% 69%);bottom:.1rem;right:2rem;transform:rotateY(180deg);background-image:linear-gradient(150deg,#44405b,#fff 60%,#fff)}.diamond #gem .triangle-8{clip-path:polygon(39% 100%,74% 78.5%,61% 58%);top:calc(4rem - 1px);left:calc(2rem - 1px);background-image:linear-gradient(-30deg,#44405b,#fff 40%,#fff)}.diamond #gem .triangle-15{clip-path:polygon(39% 100%,74% 78.5%,61% 58%);top:calc(4rem - 1px);right:calc(2rem - 1px);transform:rotateY(180deg);background-image:linear-gradient(30deg,#44405b,#fff 60%,#fff)}.diamond #gem .triangle-9{clip-path:polygon(39% 100%,39% 50%,61% 58%);top:calc(4rem - 2px);left:calc(2rem - 1px);background-image:linear-gradient(120deg,#44405b,#44405b 30%,#fff 60%,#fff)}.diamond #gem .triangle-16{clip-path:polygon(39% 100%,39% 50%,61% 58%);top:calc(4rem - 2px);right:calc(2rem - 1px);transform:rotateY(180deg);background-image:linear-gradient(60deg,#44405b,#fff 45%,#fff)}.diamond #gem .triangle-10{clip-path:polygon(39% 50%,61% 59%,73.5% 39.5%);top:calc(4rem - 2px);left:calc(2rem - 1px);background-image:linear-gradient(to left,#44405b,#fff 80%,#fff)}.diamond #gem .triangle-17{clip-path:polygon(39% 50%,61% 59%,73.5% 39.5%);top:calc(4rem - 2px);right:calc(2rem - 1px);transform:rotateY(180deg);background-image:linear-gradient(to left,#44405b,#fff 80%,#fff)}.diamond #gem .triangle-11{clip-path:polygon(39% 50%,73.5% 39.5%,72% 30%);top:calc(4rem - 2px);left:calc(2rem - 1px);background-image:linear-gradient(150deg,#44405b,#fff 40%,#fff)}.diamond #gem .triangle-18{clip-path:polygon(39% 50%,73.5% 39.5%,72% 30%);top:calc(4rem - 2px);right:calc(2rem - 1px);transform:rotateY(180deg);background-image:linear-gradient(150deg,#44405b,#fff 40%,#fff)}.diamond #gem .triangle-12{clip-path:polygon(73.5% 39.5%,72% 30%,100% 30%);top:calc(4rem - 2px);left:calc(2rem - 1px);background-image:linear-gradient(to left,#44405b,#fff 80%,#fff)}.diamond #gem .triangle-19{clip-path:polygon(73.5% 39.5%,72% 30%,100% 30%);top:calc(4rem - 2px);right:calc(2rem - 1px);transform:rotateY(180deg);background-image:linear-gradient(to left,#44405b,#fff 80%,#fff)}.diamond #gem .effect-group{position:absolute;top:0;left:0;width:inherit;height:inherit}.diamond #gem .effect-group .effect{position:absolute;max-width:4rem;max-height:4rem;transform-origin:center}.diamond #gem .effect-group .effect-1{top:6rem;left:3rem;animation:1s linear 0s infinite alternate sparkle}.diamond #gem .effect-group .effect-2{animation:2s ease-in 1.6s infinite spin-d;opacity:0}@keyframes spin-d{0%{top:10rem;right:17%;transform:rotate(0) scale(1.6);opacity:1}30%{top:16rem;right:8rem;transform:rotate(360deg) scale(0);opacity:1}to{top:16rem;right:8rem;transform:rotate(360deg) scale(0);opacity:1}}.diamond #gem .effect-group .effect-3{top:4.2rem;right:5.5rem;animation:1s linear 0s infinite alternate sparkle}.diamond #gem .effect-group .effect-4{top:6rem;right:3.2rem;animation:1s linear 0s infinite alternate sparkle}