@keyframes rank-frame-special{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes rank-frame-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rank-frame.noise{background-image:url(data:image/png;base64,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)}.rank-frame.unranked{background:#5e5e5e5b}.rank-frame.bronze{background:#cd7f32;box-shadow:inset -5px -5px 5px #4a3a3a59,inset 5px 5px 5px #f4ddc957}.tier{filter:drop-shadow(0 0 1px #000c)}.rank-frame.bronze .tier{color:#6d441b}.rank-frame.bronze .tier-active{color:#ffd190}.rank-frame.silver .tier{color:#41484b}.rank-frame.silver .tier-active{color:#c8d2d3}.rank-frame.gold .tier{color:#7b5826}.rank-frame.gold .tier-active{color:#fff47b}.rank-level{z-index:1;height:20px;position:absolute;top:0;left:50%;transform:translate(-50%)}.rank-frame.silver{background:#918980;box-shadow:inset -5px -5px 5px #1e465057,inset 5px 5px 5px #c6e8ff59}.profile-picture-gems{clip-path:polygon(100% 0,100% 100%,85% 100%,80% 85%,20% 85%,15% 100%,0 100%,0 0)}.rank-frame.gold{background:#ffc106;box-shadow:inset -5px -5px 5px #503f1e57,inset 5px 5px 5px #f5e79759}@property --rotate{syntax:"<angle>";inherits:false;initial-value:132deg}@keyframes spin-rank-frame{0%{--rotate:0deg}to{--rotate:360deg}}.rank-frame.diamond{background-image:linear-gradient(var(--rotate), #a8e8ff, #3da8ff 43%, #a8e8ff);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.diamond:after{content:"";z-index:-1;opacity:.7;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 10px 1px #00b7ff8c}.rank-frame.emerald{background-image:linear-gradient(var(--rotate), #51f57a, #396553 43%, #7aff9c);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.emerald:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 8px 1px #51f57a80}.rank-frame.ruby{background-image:linear-gradient(var(--rotate), #fd68df, #ff1b54 43%, #fa9ead);contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.ruby:after{content:"";z-index:-1;opacity:.5;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 10px 2px #f53d5c73}@keyframes ruby-pulse{0%{opacity:.2;transform:scale(.9)rotate(45deg)}50%{opacity:.5;transform:scale(1)rotate(45deg)}to{opacity:.2;transform:scale(.9)rotate(45deg)}}@keyframes obsidian-pulse{0%{opacity:.3;transform:scale(1)rotate(45deg)}50%{opacity:.7;transform:scale(1.15)rotate(45deg)}to{opacity:.3;transform:scale(1)rotate(45deg)}}@keyframes ascendant-square-pulse{0%{opacity:.52;transform:scale(.9)rotate(-20deg)}33%{opacity:.92;transform:scale(1.06)rotate(-20deg)}66%{opacity:.72;transform:scale(.98)rotate(-20deg)}to{opacity:.52;transform:scale(.9)rotate(-20deg)}}@keyframes ethereal-square-pulse{0%{opacity:.52;transform:scale(.9)rotate(-20deg)}33%{opacity:.92;transform:scale(1.06)rotate(-20deg)}66%{opacity:.72;transform:scale(.98)rotate(-20deg)}to{opacity:.52;transform:scale(.9)rotate(-20deg)}}@keyframes celestial-square-pulse{0%{opacity:.55;transform:scale(.86)rotate(27deg)}50%{opacity:1;transform:scale(1.12)rotate(27deg)}to{opacity:.55;transform:scale(.86)rotate(27deg)}}.ruby-square{z-index:2;background:linear-gradient(var(--rotate), #fd68df, #ff1b54 43%, #fa9ead) border-box;z-index:0;border:10px solid #0000;border-radius:5px;width:100%;height:100%;animation:4s ease-in-out infinite ruby-pulse;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes square-1{0%{opacity:.2;transform:rotate(0)scale(1)}50%{opacity:.5;transform:rotate(180deg)scale(1.3)}to{opacity:.2;transform:rotate(360deg)scale(1)}}.rank-frame.mythic{background-image:linear-gradient(var(--rotate), #ff0073, #f69f14 100%);contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite rank-frame-special;position:relative}.rank-frame.mythic:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 8px 1px #ff50148c}.mythic-square{z-index:2;background:linear-gradient(45deg,#ffbc37,#ff3502) border-box;border:3px solid #0000;border-radius:10px;width:80%;height:80%;animation:2s linear infinite square-1;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.mythic-square-2{z-index:2;background:linear-gradient(45deg,#ffb237,#ff3902) border-box;border:3px solid #0000;border-radius:10px;width:80%;height:80%;animation:3s linear infinite square-1;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rank-frame.obsidian{background-image:linear-gradient(var(--rotate), #1a0542, #7847ff 43%, #52317c);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite rank-frame-special;position:relative}.rank-frame.obsidian:after{content:"";z-index:-1;opacity:.7;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 12px 2px #7112ed8c}.obsidian-square{z-index:0;background:linear-gradient(var(--rotate), #6535c0, #7847ff 43%, #52317c) border-box;border:10px solid #0000;border-radius:6px;width:90%;height:90%;animation:2.5s linear infinite rank-frame-special,3s ease-in-out infinite obsidian-pulse;position:absolute;transform:rotate(45deg)scale(1.1);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.obsidian-square-2{z-index:3;background:linear-gradient(var(--rotate), transparent, #c4a9ff 43%, transparent) border-box;border:3px solid #0000;border-radius:6px;width:90%;height:90%;animation:2s linear infinite rank-frame-special;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.boss-square-3{z-index:3;background:linear-gradient(var(--rotate), transparent, #98fff6 43%, transparent) border-box;border:3px solid #0000;border-radius:6px;width:90%;height:90%;animation:2s linear infinite rank-frame-special;position:absolute;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rank-frame.divine{background-image:linear-gradient(var(--rotate), #30a5ff, #849fff 43%, #ff27d0);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.divine:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 10px 1px #9966ff80}.divine-square{z-index:0;background:linear-gradient(var(--rotate), #0df, #849fff 43%, #ff6bdf) border-box;border:5px solid #0000;border-radius:3px;width:90%;height:90%;animation:1s linear infinite rank-frame-special,3s ease-in-out infinite obsidian-pulse;position:absolute;transform:rotate(0)scale(.9);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rank-frame.ascendant{background-image:linear-gradient(var(--rotate), #eb8486, #8a2d4a 43%, #32033b);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.ascendant:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 10px 1px #eb848680}.ascendant-square{z-index:0;background:linear-gradient(var(--rotate), #ffb3b5, #e04868 43%, #6b2358) border-box;filter:drop-shadow(0 0 12px #eb848680);border:9px solid #0000;border-radius:5px;width:97%;height:97%;animation:1.35s linear infinite rank-frame-special,2.4s ease-in-out infinite ascendant-square-pulse;position:absolute;transform:rotate(-20deg)scale(.9);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rank-frame.ethereal{background-image:linear-gradient(var(--rotate), #26c9ff, #13f81b 43%, #06c5f5);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.ethereal:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 10px 1px #13f81b73}.ethereal-square{z-index:0;background:linear-gradient(var(--rotate), #3dff4a, #1cf0d4 43%, #3debff) border-box;filter:drop-shadow(0 0 12px #13f81b80);border:9px solid #0000;border-radius:5px;width:97%;height:97%;animation:1.35s linear infinite rank-frame-special,2.4s ease-in-out infinite ethereal-square-pulse;position:absolute;transform:rotate(-20deg)scale(.9);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rank-frame.celestial{background-image:linear-gradient(var(--rotate), #d428ff, #af38f9 43%, #ffb030);z-index:2;contain:layout paint;will-change:background-image;border-radius:.5rem;animation:2.5s linear infinite spin-rank-frame;position:relative}.rank-frame.celestial:after{content:"";z-index:-1;opacity:.6;pointer-events:none;border-radius:.5rem;position:absolute;inset:0;box-shadow:0 0 12px 1px #d428ff73}.celestial-square{z-index:0;background:linear-gradient(var(--rotate), #c978ff, #ffb84a 43%, #ffd060) border-box;filter:drop-shadow(0 0 14px #d428ff73);border:8px solid #0000;border-radius:6px;width:95%;height:95%;animation:1.65s linear infinite rank-frame-special,2.8s ease-in-out infinite celestial-square-pulse;position:absolute;transform:rotate(27deg)scale(.9);-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}