.player-page-wrapper{flex-direction:column;max-width:1920px;padding:.75rem;display:flex;position:relative}@media (min-width:650px){.player-page-wrapper{padding:4rem 5rem}}.player-page-wrapper .filter-section{gap:1rem;display:flex}.player-page-wrapper .filter-section .update-button-wrapper{display:flex}@media (max-width:1000px){.player-page-wrapper .filter-section .update-button-wrapper{justify-content:right}.player-page-wrapper .filter-section{flex-direction:column;padding-bottom:1rem}}.player-page-wrapper .player-selected-section-wrapper{grid-template-rows:1fr;grid-template-columns:1fr;width:100%;display:grid}.player-page-wrapper .player-selected-section-wrapper .tab-display{opacity:0;pointer-events:none;grid-area:1/1/2/2;transition:all .25s ease-in;transform:translate(-100px)}.player-page-wrapper .player-selected-section-wrapper .tab-display--show{opacity:1;pointer-events:all;transform:translate(0)}.player-page-wrapper .player-social-box-container{letter-spacing:2px;align-items:center;gap:1.25rem;padding:.625rem 1.25rem;font-family:Montserrat;font-size:1.75rem;font-weight:500;display:flex}@media (max-width:450px){.player-page-wrapper .player-social-box-container{padding:.625rem 0}}.player-page-wrapper .player-social-box-container .player-social-text{flex-direction:column;display:flex}@media (max-width:450px){.player-page-wrapper .player-social-box-container .player-social-text .player-social-maintext{white-space:nowrap;text-overflow:ellipsis;max-width:15rem;overflow:hidden}}.player-page-wrapper .player-social-box-container .player-social-text .player-social-subtext{color:#a7a7a7;font-size:.75rem;font-weight:400;display:flex}.player-page-wrapper .player-social-box-container .nameplate-container{border:1px solid #f0c04080;border-radius:1rem;justify-content:center;align-items:center;padding:.125rem;display:flex;box-shadow:0 0 2px #f0c04026}.player-page-wrapper .player-social-box-container .nameplate-container .nameplate-image{opacity:1;transition:opacity .25s ease-in}.player-page-wrapper .player-social-box-container .nameplate-container .nameplate-image--hidden{opacity:0}.player-page-wrapper .player-page-body{flex-direction:column;gap:3rem;display:flex}.player-page-wrapper .player-page-body .match-list-section-wrapper{flex-direction:column;gap:5rem;width:100%;display:flex}@media (min-width:1485px){.player-page-wrapper .player-page-body .match-list-section-wrapper{flex-direction:row}}.player-page-wrapper .player-page-body .section-wrapper{flex-direction:column;gap:1rem;width:100%;display:flex}.player-page-wrapper .player-page-body .section-wrapper .section-title-container{padding-bottom:1rem;position:relative}.player-page-wrapper .player-page-body .section-wrapper .section-title{letter-spacing:.2rem;color:#b6b6b6;font-family:Montserrat;font-size:1.5rem;font-weight:700}.responsive-bar-wrapper{width:100%;height:85px}@media (min-width:1485px){.responsive-bar-wrapper{width:340px}}.responsive-bar-wrapper .bar-tooltip-container{white-space:nowrap;color:#fff;text-transform:capitalize;background:#08051a;border-radius:.25rem;min-width:fit-content;padding:4px 12px;box-shadow:0 .25rem .75rem #000000b3}@keyframes scanning{0%{left:-30%}to{left:100%}}
.button-class-yellow{cursor:default;color:#4d5156;background:linear-gradient(135deg,#c4c4c4 0%,#b9bec4 45%,#bbc3cc 55%,#adb0b3 100%);border:1px solid #fff6;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;max-width:fit-content;height:2.75rem;padding:0 1.5rem;font-size:1.125rem;font-weight:500;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;right:0;box-shadow:inset 0 0 8px #ffffff80,0 4px 15px #0000004d}.button-class-yellow:disabled{background-color:red}@media (max-width:1080px){.button-class-yellow{height:2.5rem}}.button-class-yellow .button-loader-wrapper{position:absolute}.button-class-dark{cursor:pointer;color:#1d1d1d;background:#f5d03b;border:1.5px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;max-width:fit-content;height:3.25rem;padding:0 1rem;font-family:rajdhani;font-size:1.25rem;font-weight:700;transition:background-color .25s ease-in-out,border-color .25s ease-out;display:flex;right:0}.button-class-dark:hover{background-color:#ccbe00;border-color:#a89f24}@media (max-width:1080px){.button-class-dark{height:2.5rem}}.button-class-dark .button-loader-wrapper{position:absolute}.generic-loading-state{color:#0000}
.player-filter-tabs-wrapper{gap:1rem;width:100%;margin-bottom:2rem;display:flex;position:relative}@media (max-width:450px){.player-filter-tabs-wrapper{flex-direction:column}}.player-filter-tabs-wrapper .player-filter-dropdown-container{position:relative}.player-filter-tabs-wrapper .player-filter-dropdown-container .player-close-button{color:#ba9312;z-index:4;cursor:pointer;border:1px solid #ba9312;border-radius:10rem;padding:.2rem;position:absolute;top:.5rem;right:1rem}.player-filter-tabs-wrapper .player-filter-dropdown{white-space:nowrap;color:#d9ac16;cursor:pointer;background:#2e2b1c;border-radius:.5rem;outline:1px solid #d9ab1658;justify-content:center;align-items:center;height:2.5rem;padding:0 3rem;font-family:Roboto;font-weight:500;display:flex;position:relative}.player-filter-tabs-wrapper .player-filter-dropdown:hover{background:#655719}.player-filter-tabs-wrapper .player-filter-dropdown--disabled{color:#95781a;cursor:default;background:#2e2b1c}.player-filter-tabs-wrapper .player-filter-dropdown--disabled:hover{background:#2e2b1c}.player-filter-tabs-wrapper .player-filter-dropdown--season,.player-filter-tabs-wrapper .player-filter-dropdown--rank{z-index:3;padding:0 5rem}@media (max-width:450px){.player-filter-tabs-wrapper .player-filter-dropdown--rank{display:none}}.player-filter-tabs-wrapper .player-filter-dropdown .player-dropdown-title-text{align-items:center;display:flex}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper{z-index:2;background-color:#3a3621;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;flex-direction:column;justify-content:end;width:99%;height:15rem;max-height:0;transition:max-height .2s ease-in;display:flex;position:absolute;top:.2rem;left:.1rem;overflow:hidden}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper--show{max-height:20rem;overflow:scroll}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper--show::-webkit-scrollbar{display:none}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper--show{-ms-overflow-style:none;scrollbar-width:none}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper .player-filter-dropdown-list-container{height:12.5rem}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper .player-filter-dropdown-last-item{background-color:#4a462e;height:.5rem}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper .player-filter-dropdown-item{color:#e6e6e6;cursor:pointer;justify-content:center;align-items:center;gap:.25rem;min-height:2.5rem;font-family:Roboto;display:flex}.player-filter-tabs-wrapper .player-filter-dropdown-list-wrapper .player-filter-dropdown-item:hover{background-color:#696132}
.player-page-buttons-wrapper{width:100%;padding-top:1.5rem;padding-bottom:1.5rem;display:flex}.player-page-buttons-wrapper .player-page-button-contianer{cursor:pointer;background-color:#0003;justify-content:center;align-items:center;width:50%;height:3rem;font-family:rajdhani;font-size:1.25rem;transition:background-color .25s;display:flex}@media (max-width:450px){.player-page-buttons-wrapper .player-page-button-contianer{height:2.5rem}}.player-page-buttons-wrapper .player-page-button-contianer--first{border-top-left-radius:1.5rem;border-bottom-left-radius:1.5rem}.player-page-buttons-wrapper .player-page-button-contianer--last{border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem}.player-page-buttons-wrapper .player-page-button-contianer--selected{color:#000;letter-spacing:.5px;background-color:#d0b610ec;font-weight:600}.player-page-buttons-wrapper .player-page-button-contianer--selected:hover{background-color:#e1c528!important}.player-page-buttons-wrapper .player-page-button-contianer:hover{background-color:#ffffff0d}
.error-message-container{text-align:center;background:#2b2010;border:1px solid #6b4e15;border-radius:1.75rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;min-height:20rem;margin-top:1rem;margin-bottom:1rem;padding:1rem;display:flex}.error-message-container .error-message-text{color:#e9cba4;font-family:Montserrat;font-size:2rem}.error-message-container .refresh-button{color:#daccba;cursor:pointer;background-color:#6b4e15;border-radius:1rem;align-items:center;gap:.5rem;margin-top:-1rem;padding:.5rem 2rem;font-family:Roboto;font-size:1.25rem;transition:background-color .25s ease-in-out;display:flex}.error-message-container .refresh-button:hover{background-color:#a57920}
.player-summary-wrapper{z-index:0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:start;gap:5rem;width:100%;padding:1.5rem 3rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #d946ef33}@media (max-width:450px){.player-summary-wrapper{padding:1.5rem 0}}.player-summary-wrapper .refresh-button-container{color:#c7c7c7;cursor:pointer;transition:color .25s ease-in;position:absolute;top:1.5rem;right:2rem}.player-summary-wrapper .refresh-button-container:hover{color:#fff}@media (min-width:1450px){.player-summary-wrapper{flex-direction:row}}.player-summary-wrapper--gold{box-shadow:0 0 10px #ffd70033}.player-summary-wrapper--platinum{box-shadow:0 0 10px #4681ef33}.player-summary-wrapper--diamond{box-shadow:0 0 10px #4946ef33}.player-summary-wrapper--celestial{box-shadow:0 0 10px #ffd7734d}.player-summary-wrapper--skeleton{flex-direction:column;gap:2rem;padding:4rem 3rem;box-shadow:0 0 10px #5b5a584d}.player-summary-wrapper .blocked-details-icon{justify-content:center;width:100%;display:flex}.player-summary-wrapper .blocked-details-text-container{flex-direction:column;align-items:center;gap:.5rem;width:100%;display:flex}.player-summary-wrapper .blocked-details-text-container .blocked-details-header{text-align:center;font-family:Montserrat;font-size:2rem;font-weight:500}.player-summary-wrapper .blocked-details-text-container .blocked-details-subtext{text-align:center;font-size:1.25rem}.player-summary-wrapper .player-focus-info{align-items:center;gap:3rem;display:flex}@media (max-width:1450px){.player-summary-wrapper .player-focus-info{justify-content:space-around;width:100%;padding:0 3rem 0 0}}@media (max-width:850px){.player-summary-wrapper .player-focus-info{flex-direction:column;justify-content:space-around;width:100%;padding:0 0 0 0}}.player-summary-wrapper .rank-information-wrapper{flex-direction:column;align-items:center;margin-top:-2.5rem;display:flex}.player-summary-wrapper .rank-information-wrapper .player-stats-hero-icon{border-radius:.5rem;max-width:16.5rem}.player-summary-wrapper .rank-information-wrapper .rank-tier-wrapper{letter-spacing:.125rem;gap:1rem;margin-top:-2rem;font-family:cinzel;font-size:1.75rem;font-weight:700;display:flex}@media (min-width:1450px){.player-summary-wrapper{justify-content:space-between}}.player-summary-wrapper .player-overview-stats{flex-direction:column;gap:1rem;display:none}@media (min-width:1185px){.player-summary-wrapper .player-overview-stats{display:flex}}.player-summary-wrapper .player-match-stats-title-wrapper{align-items:center;gap:.5rem;display:flex}.player-summary-wrapper .player-match-stats-title-wrapper .player-match-stats-title{color:#cbdef5;letter-spacing:.75px;font-weight:600}.player-summary-wrapper .player-overview-column{flex-direction:column;gap:1rem;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper{flex-direction:row;gap:1rem;height:12rem;margin-top:-.75rem;display:flex;position:relative}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .stats-layer{z-index:19;flex-direction:row;align-items:center;gap:1rem;margin-top:-1.25rem;transition:opacity .4s,transform .4s;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .stats-layer--hidden{opacity:0;pointer-events:none}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .radar-layer{opacity:0;margin-top:.5rem;margin-left:-1.125rem;transition:opacity .4s,transform .4s;position:absolute;inset:0}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .radar-layer--visible{opacity:1;transform:scale(1)}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .player-pie-chart-wrapper{width:10rem;height:10rem;margin-top:.5rem}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .player-pie-chart-wrapper .player-win-stats-display-wrapper{justify-content:space-between;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .player-pie-chart-wrapper .player-win-stats-display-wrapper .player-wins-text{background:linear-gradient(90deg,#fef08a 0%,#facc15 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-family:rajdhani;font-size:1.25rem;font-weight:600}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .player-pie-chart-wrapper .player-win-stats-display-wrapper .player-losses-text{background:linear-gradient(270deg,#9ca3af 0%,#f3f4f6 50%,#748499 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-family:rajdhani;font-size:1.25rem;font-weight:800}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper{flex-direction:column;justify-content:center;gap:.25rem;height:100%;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper{flex-direction:column;align-items:center;gap:.125rem;font-family:rajdhani;display:flex;position:relative}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper .match-vp-percentage{margin-top:.15rem;font-size:.9rem;font-weight:100;position:absolute;top:3rem;left:.1rem}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper .match-mvp-title{text-transform:uppercase;-webkit-text-fill-color:#0000;background:#facc15;-webkit-background-clip:text;background-clip:text;gap:.1rem;font-size:1rem;font-weight:900;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper .match-mvp-number{color:#d7bf5e;font-size:1.125rem}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper .match-svp-title{text-transform:uppercase;-webkit-text-fill-color:#0000;background:#94a3b8;-webkit-background-clip:text;background-clip:text;gap:.1rem;font-size:1rem;font-weight:900;display:flex}.player-summary-wrapper .player-overview-column .player-match-stats-wrapper .match-summary-vp-wrapper .match-vp-count-wrapper .match-svp-number{color:#abbbd2;font-size:1.125rem}.player-summary-wrapper .player-overview-column .player-match-count-wrapper{justify-content:center;width:100%;margin-top:-.25rem;display:flex}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container{background:#2e106599;border:1px solid #8b5cf64d;border-radius:.5rem;justify-content:space-between;align-items:center;width:10rem;margin-left:-.25rem;padding:.125rem 2rem;transition:all .125s ease-in;display:flex}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container:hover{background-color:#43208499}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--gold{background:#b8860b99;border-color:#ffd700aa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--gold:hover{background-color:#d4af37}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--platinum{background:#2a3b5299;border-color:#5a82aaaa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--platinum:hover{background-color:#475c7a}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--diamond{background:#1e1b4b99;border-color:#6d66c8aa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--diamond:hover{background-color:#2c286599}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--celestial{background:#2d160699;border-color:#a05a2aaa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container--celestial:hover{background-color:#612d0baa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container .bottom-text-title{color:#8b5cf6;font-size:.85rem;font-weight:700}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container .bottom-text-title--gold{color:gold}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container .bottom-text-title--celestial{color:#a05a2a}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container .bottom-text-title--platinum{color:#5a82aa}.player-summary-wrapper .player-overview-column .player-match-count-wrapper .player-match-count-container .bottom-text-title--diamond{color:#5d54d2}.player-summary-wrapper .player-overview-column .extra-player-stats{flex-direction:column;gap:1rem;display:flex}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-title{color:#cbdef5;letter-spacing:.5px;align-items:end;gap:.5rem;font-weight:600;display:flex}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-title .switch-section{align-items:center;gap:.5rem;display:flex}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-title .switch-section .average-stats-subtitle{color:#9b9d9f;white-space:nowrap;align-items:center;gap:.5rem;max-width:0;font-family:Montserrat;font-size:.9rem;transition:all .25s ease-in;display:flex;overflow:hidden}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-title .switch-section .hint-wrapper{font-weight:500}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-title .switch-section .reveal-subtitle{max-width:12rem}.player-summary-wrapper .player-overview-column .extra-player-stats .average-stats-wrapper{flex-wrap:wrap;gap:1.75rem;margin-top:.25rem;margin-left:1.75rem;display:flex}.player-summary-wrapper .overview-hidden{opacity:0;display:none}.player-summary-wrapper:before,.player-summary-wrapper--gold:before,.player-summary-wrapper--platinum:before,.player-summary-wrapper--diamond:before,.player-summary-wrapper--skeleton:before,.player-summary-wrapper--celestial:before{content:"";z-index:-2;background:linear-gradient(115deg,#2e1065 0%,#701a75 25%,#d946ef 45%,#fff 50%,#d946ef 55%,#701a75 75%,#2e1065 100%);width:200%;height:700%;animation:4s linear infinite flow-gpu;position:absolute;top:-150%;left:-50%}@media (max-width:1450px){.player-summary-wrapper:before,.player-summary-wrapper--gold:before,.player-summary-wrapper--platinum:before,.player-summary-wrapper--diamond:before,.player-summary-wrapper--skeleton:before,.player-summary-wrapper--celestial:before{width:300%;height:700%;top:-300%;left:-70%}}.player-summary-wrapper--diamond:before{background:linear-gradient(115deg,#1e1b4b 0%,#3730a3 25%,#6366f1 45%,#e0e7ff 50%,#6366f1 55%,#3730a3 75%,#1e1b4b 100%)}.player-summary-wrapper--skeleton:before{background:linear-gradient(115deg,#1a1a1a 0%,#2e2e2e 25%,#555 45%,#d4d4d4 50%,#555 55%,#2e2e2e 75%,#1a1a1a 100%)}.player-summary-wrapper--gold:before{background:linear-gradient(115deg,#4a3b0a 0%,#b8860b 25%,gold 45%,#fff8dc 50%,gold 55%,#b8860b 75%,#4a3b0a 100%)}.player-summary-wrapper--platinum:before{background:linear-gradient(115deg,#2a3b52 0%,#4b7299 25%,#94d1ff 45%,#fff 50%,#94d1ff 55%,#4b7299 75%,#2a3b52 100%)}.player-summary-wrapper--celestial:before{background:linear-gradient(115deg,#2d1606 0%,#6e3412 25%,#f97316 45%,#fff3e0 50%,#f97316 55%,#6e3412 75%,#2d1606 100%)}.player-summary-wrapper:after,.player-summary-wrapper--gold:after,.player-summary-wrapper--platinum:after,.player-summary-wrapper--diamond:after,.player-summary-wrapper--skeleton:after,.player-summary-wrapper--celestial:after{content:"";z-index:-1;background:linear-gradient(#2e1065,#18181b,#000);border-radius:calc(1rem - 3px);position:absolute;inset:3px}.player-summary-wrapper--skeleton:after{background:linear-gradient(#3a3a3a,#18181b,#000)}.player-summary-wrapper--gold:after{background:linear-gradient(#8a6508,#2a2318,#000)}.player-summary-wrapper--platinum:after{background:linear-gradient(#2e6381,#23262a,#000)}.player-summary-wrapper--diamond:after{background:linear-gradient(#312e81,#18181b,#000)}.player-summary-wrapper--celestial:after{background:linear-gradient(#8f3404,#431407,#0c0702)}@keyframes flow-gpu{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.center-text{fill:#0000;padding-top:10rem;font-weight:500;top:10rem}
.player-box-wrapper{perspective:600px}.player-box-wrapper .player-box-container{width:5.5rem;height:5.5rem;transform-style:preserve-3d;background:#2e106599;border:1px solid #8b5cf64d;border-radius:1rem;flex-direction:column;justify-content:space-between;align-items:center;padding:1rem;font-size:1rem;transition:all .125s ease-in,transform .45s;display:flex;position:relative}.player-box-wrapper .player-box-container:hover{background-color:#43208499}.player-box-wrapper .player-box-container--flipped{transform:rotateX(180deg)}.player-box-wrapper .player-box-container--celestial{background:#2d160699;border-color:#a05a2aaa}.player-box-wrapper .player-box-container--celestial:hover{background-color:#612d0baa}.player-box-wrapper .player-box-container--diamond{background:#1e1b4b99;border-color:#6d66c8aa}.player-box-wrapper .player-box-container--diamond:hover{background-color:#2c286599}.player-box-wrapper .player-box-container--platinum{background:#2a3b5299;border-color:#5a82aaaa}.player-box-wrapper .player-box-container--platinum:hover{background-color:#475c7a}.player-box-wrapper .player-box-container--gold{background:#b8860b99;border-color:#ffd700aa}.player-box-wrapper .player-box-container--gold:hover{background-color:#d4af37}.player-box-wrapper .player-box-container .player-box-face{backface-visibility:hidden;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;display:flex;position:absolute;inset:0}.player-box-wrapper .player-box-container .player-box-face--back{transform:rotateX(180deg)}.player-box-wrapper .player-box-container .player-box-title{white-space:nowrap;color:#8b5cf6;font-size:.85rem;font-weight:500}.player-box-wrapper .player-box-container .player-box-title--celestial{color:#a05a2a}.player-box-wrapper .player-box-container .player-box-title--platinum{color:#5a82aa}.player-box-wrapper .player-box-container .player-box-title--gold{color:gold}.player-box-wrapper .player-box-container .player-box-title--diamond{color:#5d54d2}.player-box-wrapper .player-box-container .player-box-value{color:#ffffffe6;font-weight:600}.player-box-wrapper .player-box-container .player-box-tag{font-size:.7rem;font-weight:600}.player-box-wrapper .player-box-container .player-box-tag--great{color:#4ade80}.player-box-wrapper .player-box-container .player-box-tag--avg{color:#facc15}.player-box-wrapper .player-box-container .player-box-tag--low,.player-box-wrapper .player-box-container .player-box-tag--high{color:#f87171}
.stat-box{background:linear-gradient(145deg,#84848420,#6c5f4020);border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:6rem;height:5.75rem;padding-top:.75rem;display:flex;position:relative}.stat-box .stat-box-title{color:#d3d3d3;letter-spacing:.2px;font-family:Roboto;font-size:.9rem}.stat-box .stat-box-value{-webkit-text-fill-color:#0000;background-image:linear-gradient(#fff,#d7c7a5,#e3c27b88);-webkit-background-clip:text;background-clip:text;justify-content:center;align-items:center;gap:.25rem;font-size:.95rem;font-weight:600;display:flex}.stat-box .stat-box-value .base-stat-value{justify-content:right;display:flex}.stat-box .stat-box-value .comparison-stat-value{justify-content:left;display:flex}.stat-box .stat-box-value .comparion-disc-sepeartor{align-items:center;height:100%;padding:0 .125rem;display:flex}.stat-box .stat-box-value .better-stat{-webkit-text-fill-color:initial;color:#4caf7d;width:1.75rem}.stat-box .stat-box-value .worse-stat{-webkit-text-fill-color:initial;color:#e05c5c;width:1.75rem}.stat-box .stat-box-value .comparison-difference-indicator{position:absolute;top:2.25rem}
.hint-icon-wrapper{align-items:center;display:flex;position:relative}.hint-icon-wrapper .hint-icon-container{cursor:default;background-color:#ffffff2b;border-radius:100%;justify-content:center;align-items:center;width:1.125rem;height:1.125rem;padding-top:.1rem;font-family:Rajdhabi;font-size:.75rem;display:flex}.hint-icon-wrapper .hint-text-display{opacity:0;color:#fff;pointer-events:none;background-color:#323232;border-radius:1rem;width:17rem;padding:.5rem 1rem;font-family:Roboto;font-size:.85rem;transition:opacity .25s ease-out;position:absolute;top:-3rem;left:-17.5rem}.hint-icon-wrapper .hint-text-display-show{opacity:1;z-index:1;pointer-events:all}.hint-icon-wrapper .hint-text-display-right{left:2rem}.hint-icon-wrapper .hint-text-display-up{top:-7.5rem;left:-5rem}.hint-icon-wrapper .hint-text-display-down{top:-1.5rem;left:2rem}@media (max-width:450px){.hint-icon-wrapper .hint-text-display{top:-8rem;left:-2rem}}
.mini-section-wrapper{flex-direction:column;gap:1rem;display:flex}.mini-section-wrapper .section-title{letter-spacing:.2rem;color:#b6b6b6;font-family:Montserrat;font-size:1.25rem;font-weight:700}.mini-section-wrapper .recent-twenty-box{z-index:0;border-radius:1.25rem;flex-direction:column;justify-content:space-between;width:100%;height:31.5rem;padding:2rem;display:flex;position:relative;overflow:hidden}.mini-section-wrapper .recent-twenty-box--gold{box-shadow:0 0 5px #ffd70033}.mini-section-wrapper .recent-twenty-box--platinum{box-shadow:0 0 5px #4681ef33}.mini-section-wrapper .recent-twenty-box--diamond{box-shadow:0 0 5px #4946ef33}.mini-section-wrapper .recent-twenty-box--celestial{box-shadow:0 0 5px #efb44633}.mini-section-wrapper .recent-twenty-box--hidden-status{box-shadow:0 0 10px #5b5a584d}@media (min-width:1485px){.mini-section-wrapper .recent-twenty-box{width:100%}}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list{flex-direction:column;gap:0;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats{gap:1rem;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-image-wrapper{border-radius:.5rem;width:4rem;min-width:4rem;height:4rem;overflow:hidden}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text{justify-content:space-between;align-items:center;width:100%;padding-top:.25rem;font-family:Roboto;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .hero-kda-container{gap:.5rem;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .kda-ratio{gap:.25rem;font-size:.65rem;display:flex;top:1.75rem}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .kda-ratio .kda-ratio-label{letter-spacing:.125rem}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .kda-ratio .finals-label{letter-spacing:.1rem}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .kda-ratio .kda-ratio-value{letter-spacing:.05rem;font-weight:600}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section{flex-direction:column;gap:1rem;height:100%;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-playtime{text-align:right;font-size:.85rem}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-winrate-container{gap:.5rem;font-family:Roboto;font-size:.95rem;display:flex}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-winrate-container .winrate-label{letter-spacing:1px;font-family:Roboto}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-winrate-container .winrate-value{-webkit-text-fill-color:#0000;background-image:linear-gradient(#fbfbfb,#fde68a,#000);-webkit-background-clip:text;background-clip:text;font-weight:700}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-winrate-container .high-winrate{background-image:linear-gradient(#92400e,#fde68a,#b45309)}.mini-section-wrapper .recent-twenty-box .all-main-heroes-list .main-hero-container .main-hero-stats .main-hero-stats-text .main-hero-winrate-section .main-hero-winrate-container .low-winrate{background-image:linear-gradient(#334155,#f8fafc,#64748b)}.mini-section-wrapper .recent-twenty-box:before,.mini-section-wrapper .recent-twenty-box--gold:before,.mini-section-wrapper .recent-twenty-box--platinum:before,.mini-section-wrapper .recent-twenty-box--diamond:before,.mini-section-wrapper .recent-twenty-box--celestial:before,.mini-section-wrapper .recent-twenty-box--hidden-status:before{content:"";z-index:-2;background:#701a75;width:200%;height:400%;position:absolute;top:-150%;left:-50%}.mini-section-wrapper .recent-twenty-box--gold:before{background:#6c4a0f}.mini-section-wrapper .recent-twenty-box--platinum:before{background:#0f4a6c}.mini-section-wrapper .recent-twenty-box--diamond:before{background:#3730a3}.mini-section-wrapper .recent-twenty-box--celestial:before{background:#5f2708}.mini-section-wrapper .recent-twenty-box--hidden-status:before{background:#555}.mini-section-wrapper .recent-twenty-box:after,.mini-section-wrapper .recent-twenty-box--gold:after,.mini-section-wrapper .recent-twenty-box--platinum:after,.mini-section-wrapper .recent-twenty-box--diamond:after,.mini-section-wrapper .recent-twenty-box--celestial:after,.mini-section-wrapper .recent-twenty-box--grandmaster:after{content:"";z-index:-1;background:linear-gradient(#2e1065,#18181b,#000);border-radius:calc(1.25rem - 3px);position:absolute;inset:3px}.mini-section-wrapper .recent-twenty-box--gold:after{background:linear-gradient(#8a6508,#2a2318,#000)}.mini-section-wrapper .recent-twenty-box--platinum:after{background:linear-gradient(#285671,#23262a,#000)}.mini-section-wrapper .recent-twenty-box--diamond:after{background:linear-gradient(#312e81,#18181b,#000)}.mini-section-wrapper .recent-twenty-box--celestial:after{background:linear-gradient(#652d0f,#431407,#0c0702)}.mini-section-wrapper .recent-twenty-box--hidden-status:after{background:linear-gradient(#3a3a3a,#18181b,#000)}
.hidden-box-container{letter-spacing:.02rem;border-radius:1rem;justify-content:center;align-items:center;height:100%;padding:5rem 1rem}.hidden-box-container--background{background:linear-gradient(#3a3a3a,#18181b,#000);border:2px solid #555;max-height:22rem;box-shadow:0 0 10px #5b5a584d}.hidden-box{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;display:flex}.hidden-box .hidden-box-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.hidden-box .hidden-box-body .hidden-title{font-family:Montserrat;font-size:1.5rem;font-weight:500}
.match-summaries-list-wrapper{flex-direction:column;gap:2rem;width:100%;display:flex}.match-summaries-list-wrapper--hide{display:none}.match-summaries-list-wrapper--hidden-status{background:linear-gradient(#3a3a3a,#18181b,#000);border:2px solid #555;border-radius:1rem;justify-content:center;align-items:center;padding:5rem 0;box-shadow:0 0 10px #5b5a584d}.match-summaries-list-wrapper .match-summary-container{flex-direction:column;display:flex}.match-summaries-list-wrapper .match-summary-card-information{gap:1rem;height:100%;padding-left:.5rem;padding-right:8rem;font-family:roboto;font-size:1rem;display:flex;position:relative}@media (max-width:450px){.match-summaries-list-wrapper .match-summary-card-information{padding-right:0}}.match-summaries-list-wrapper .match-summary-card-information .match-area-score-wrapper{z-index:9999999;flex-direction:column;gap:.25rem;width:7.5rem;max-width:7.5rem;height:100%;padding-bottom:.25rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .match-area-score-wrapper .map-category-wrapper{flex-direction:column;gap:0;padding-top:.5rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .match-area-score-wrapper .map-category-wrapper .map-name-title{white-space:nowrap;text-overflow:ellipsis;max-width:106.73px;font-size:.8rem;overflow:hidden}.match-summaries-list-wrapper .match-summary-card-information .match-area-score-wrapper .match-duration-text{font-size:.75rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content{justify-content:space-around;gap:3rem;width:100%;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper{gap:1rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .player-hero-wrapper{z-index:1;opacity:1;border-radius:5rem;width:5rem;height:5rem;margin-top:1rem;overflow:hidden}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .player-hero-wrapper .player-hero{width:5rem;height:5rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper{flex-direction:column;justify-content:center;width:6rem;height:100%;display:flex;position:relative}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .raw-number-kda{gap:.5rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .kda-ratio{gap:.25rem;font-size:.65rem;display:flex;position:absolute;top:1.75rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .kda-ratio .kda-ratio-label{letter-spacing:.125rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .kda-ratio .kda-ratio-value{letter-spacing:.05rem;font-weight:600}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .final-hits-section{font-size:.75rem;position:absolute;top:4.5rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .final-hits-section .final-hits-label{letter-spacing:.04rem;font-weight:100}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .final-hits-section .final-hits-value{font-weight:600}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .player-match-performance-wrapper .kda-wrapper .kdr-ratio{gap:.25rem;font-size:.65rem;display:flex;position:absolute;top:5.25rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details{gap:4rem;display:flex}@media (max-width:450px){.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details{display:none}}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper{padding-top:.5rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .match-rank{align-items:center;font-size:.9rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .match-rank .match-rank-image{width:2.25rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .rank-change-wrapper{justify-content:space-between;width:8rem;padding-left:1rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .rank-change-wrapper .rank-change-container{border:1px solid;border-radius:.5rem;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .rank-change-wrapper .rank-up{color:#6ee7b7;background:#1d302a;border:1px solid #34d3994d;position:relative;overflow:hidden;box-shadow:0 0 5px #10b9811a,inset 0 0 15px #34d3990d}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .rank-change-wrapper .rank-down{color:#fca5a5;background:#301d1d;border:1px solid #f871714d;position:relative;overflow:hidden;box-shadow:0 0 5px #ef44441a,inset 0 0 15px #f871710d}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .vp-wrapper{justify-content:center;padding-left:.5rem;display:flex;position:relative}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .vp-wrapper .vp-container{letter-spacing:.075rem;border-radius:.5rem;justify-content:center;width:5rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.65rem;font-weight:900;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .vp-wrapper .mvp-container{color:#facc15;background-color:#111;border:1px solid #d4af37}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .match-rank-wrapper .vp-wrapper .svp-container{color:#1a202c;text-shadow:0 1px #ffffff80;background-color:#ffffffed;border:1px solid #4a5360}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper{z-index:1;flex-direction:column;align-items:center;gap:1rem;margin-top:1.25rem;margin-left:1rem;padding-bottom:.5rem;font-size:.75rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-a-container{color:#437ecb;flex-direction:column;align-items:center;gap:.25rem;font-weight:700;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-a-container .banned-heroes-list{flex-direction:row;align-items:center;gap:.5rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-a-container .banned-heroes-list .banned-hero-image-wrapper{position:relative}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-a-container .banned-heroes-list .banned-hero-image-wrapper .banned-hero-image{border:2px solid #195aae;border-radius:.25rem;width:2rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-b-container{color:#c21708;flex-direction:column;align-items:center;gap:.25rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-b-container .banned-heroes-list{flex-direction:row;align-items:center;gap:.5rem;display:flex}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-b-container .banned-heroes-list .banned-hero-image-wrapper{position:relative}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-b-container .banned-heroes-list .banned-hero-image-wrapper .banned-hero-image{border:2px solid #c21708;border-radius:.25rem;width:2rem}.match-summaries-list-wrapper .match-summary-card-information .player-match-main-content .extra-summary-details .banned-heroes-wrapper .banned-heroes-team-b-container .banned-heroes-list .banned-hero-image-wrapper .cross{width:100%;height:100%;position:absolute;top:0}.match-summaries-list-wrapper .match-summary-card-information .map-image-wrapper{max-width:0;transition:max-width 1s;position:absolute;left:-.5rem;overflow:hidden}.match-summaries-list-wrapper .match-summary-card-information .map-image-wrapper--grow{max-width:105%}.match-summaries-list-wrapper .match-summary-card-information .map-image-wrapper .map_image{opacity:.2;white-space:nowrap;min-width:80rem;margin-top:-2rem}.match-summaries-list-wrapper .match-summary-card-wrapper{z-index:2;background:linear-gradient(90deg,#1c2428 0%,#4d6b73 100%);border-radius:.75rem;height:7rem;padding-left:1.125rem;position:relative;overflow:hidden}.match-summaries-list-wrapper .match-summary-card-wrapper--win{background:linear-gradient(90deg,#1c1910 0%,#3d3518 100%);outline:1px solid #facc153c;box-shadow:inset 10px 0 20px -10px #facc1526}.match-summaries-list-wrapper .match-summary-card-wrapper--loss{opacity:.9;background:linear-gradient(145deg,#2d333b 0%,#1c2128 100%);outline:1px solid #e4dede08}.match-summaries-list-wrapper .match-summary-card-wrapper--loading{background:linear-gradient(90deg,#262626 25%,#404040 50%,#262626 75%) 0 0/200% 100%;animation:6s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.match-summaries-list-wrapper .match-summary-card-wrapper .last-played-container{z-index:1;font-family:rajdhani;position:absolute;top:.2rem;right:1rem}@media (max-width:450px){.match-summaries-list-wrapper .match-summary-card-wrapper .last-played-container{font-size:.75rem}}.match-summaries-list-wrapper .match-summary-card-wrapper .full-match-dropdown-button{cursor:pointer;z-index:1;border:1px solid #ffffff10;border-right:none;border-top-left-radius:1rem;justify-content:center;align-items:center;width:2rem;height:3rem;transition:background-color .25s ease-in;display:flex;position:absolute;bottom:-.1rem;right:0}.match-summaries-list-wrapper .match-summary-card-wrapper .full-match-dropdown-button--win{background-color:#d4af3710}.match-summaries-list-wrapper .match-summary-card-wrapper .full-match-dropdown-button:hover{background-color:#d4af37a0}.match-summaries-list-wrapper .match-summary-card-wrapper .full-match-dropdown-button--loss{background-color:#8b96a410}.match-summaries-list-wrapper .match-summary-card-wrapper .full-match-dropdown-button--loss:hover{background-color:#8b96a4a0}.match-summaries-list-wrapper .match-summary-card-wrapper .status-bar{z-index:1;background-color:#325687;width:.75rem;height:100%;position:absolute;left:0;overflow:hidden}.match-summaries-list-wrapper .match-summary-card-wrapper .status-bar--win{background-color:#e0b60d}.match-summaries-list-wrapper .match-summary-card-wrapper .status-bar--loss{background-color:#94a3b8}.match-summaries-list-wrapper .match-summary-card-wrapper .status-bar--glow{box-shadow:0 0 8px #ffffffa1}.match-summaries-list-wrapper .match-complete-box-wrapper{height:0;margin-top:-1rem;transition:height .25s ease-out;position:relative;overflow:scroll}.match-summaries-list-wrapper .match-complete-box-wrapper::-webkit-scrollbar{display:none}.match-summaries-list-wrapper .match-complete-box-wrapper{-ms-overflow-style:none;scrollbar-width:none;transition:all .25s ease-in-out}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box{background-color:#4a536033;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;flex-direction:column;gap:1rem;width:100%;min-width:50rem;height:48rem;padding:2rem 1.5rem 1.5rem;display:flex;position:absolute}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box .match-page-link-wrapper{justify-content:right;align-items:center;gap:.5rem;display:flex}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box .match-page-link-wrapper .match-page-link-text{color:#cfb624;letter-spacing:.02rem;border:1px solid #cfb624;border-radius:.5rem;align-items:center;gap:.35rem;padding:.25rem .75rem;font-family:Roboto;font-size:.8rem;font-weight:600;transition:all .25s ease-in;display:flex}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box .match-page-link-wrapper .match-page-link-text:hover{color:#1d1d1d;background-color:#cfb624}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box .match-page-link-wrapper .match-page-link-text .external-link-icon{margin-bottom:.05rem}.match-summaries-list-wrapper .match-complete-box-wrapper .match-complete-box .match-team-a-section{flex-direction:column;width:100%;display:flex}.match-summaries-list-wrapper .show-box{height:48rem}
.team-table-header-row{background-color:#e0b60daa}.team-table-header-row .table-header-container{text-align:left;vertical-align:top;height:2rem;padding-top:.35rem;font-size:.75rem}.team-table-header-row .player-header-win{text-transform:uppercase;letter-spacing:1px;color:#1a1a1b;padding-left:1rem}.team-table-header-row .player-header-loss{color:#f8fafc;text-transform:uppercase;letter-spacing:1px;padding-left:1rem}.team-table-header-row .header-win{color:#1a1a1b}.team-table-header-row--loss{background-color:#94a3b8aa}.team-table-stats-row{background-color:#e0b60d15;transition:background-color .125s ease-in}.team-table-stats-row:hover{background-color:#e0b60d2d}.team-table-stats-row--loss{background-color:#94a3b815}.team-table-stats-row--loss:hover{background-color:#94a3b82d}.team-table-stats-row--loading{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.team-table-stats-row .table-cell{padding-top:.5rem}table{border-collapse:separate;border-spacing:0;border-radius:.75rem .75rem .25rem .25rem;overflow:hidden}.player-information-section{cursor:pointer;align-items:center;gap:.5rem;width:11rem;height:3rem;padding-left:.5rem;font-family:Roboto;font-size:.85rem;display:flex}.player-information-section .hero-image-wrapper{background-color:#0002;border-radius:2rem;min-width:2.25rem;max-width:2.25rem;min-height:2.25rem;max-height:2.25rem;position:relative;overflow:hidden}.player-information-section .hero-image-wrapper .hero-image-btn-loader{z-index:10;width:10rem;position:absolute;top:.4rem;left:.4rem}.player-information-section .hero-image-wrapper .hero-image{margin-top:.25rem;scale:1.7}.player-information-section .player-id-container{flex-direction:column;display:flex}.player-information-section .player-id-container .main-player-nickname-text{color:#d5b121}.player-information-section .player-id-container .player-rank-classification{align-items:center;gap:.75rem;width:9rem;font-size:.65rem;display:flex}.player-information-section .player-id-container .player-rank-classification--silver{color:#979797}.player-information-section .player-id-container .player-rank-classification--gold{color:#a5a00a}.player-information-section .player-id-container .player-rank-classification--platinum{color:#3e8da7}.player-information-section .player-id-container .player-rank-classification--diamond{color:#5353bf}.player-information-section .player-id-container .player-rank-classification--grandmaster{color:#863ea7}.player-information-section .player-id-container .player-rank-classification--celestial{color:#a7713e}.player-information-section .player-id-container .player-rank-classification .rank-row{justify-content:space-between;align-items:center;width:5.65rem;min-width:5.65rem;display:flex}.player-information-section .player-id-container .player-rank-classification .rank-row .player-current-rank{align-items:center;display:flex}.player-information-section .player-id-container .player-rank-classification .vp-container{letter-spacing:.06rem;border-radius:.5rem;justify-content:center;align-items:center;min-width:3.5rem;padding:.1rem .5rem;font-size:.5rem;font-weight:900;display:flex}.player-information-section .player-id-container .player-rank-classification .mvp-container{color:#facc15;background-color:#111;border:1px solid #d4af37}.player-information-section .player-id-container .player-rank-classification .svp-container{color:#1a202c;text-shadow:0 1px #ffffff80;background-color:#ffffffed;border:1px solid #4a5360}.player-information-section .player-id-container .player-rank-classification .rank-change-container{letter-spacing:.5px;color:#fffc;background:#4a4a4aaa;border-radius:.35rem;justify-content:center;gap:.25rem;width:2.3rem;padding:.1rem .5rem;font-size:.6rem;display:flex;position:relative;overflow:hidden}.player-information-section .player-id-container .player-rank-classification .rank-up{color:#6ee7b7bb;background:#1d302aaa;outline:1px solid #34d3994d;position:relative;overflow:hidden}.player-information-section .player-id-container .player-rank-classification .rank-down{color:#fca5a5;background:#301d1daa;outline:1px solid #f871714d;position:relative;overflow:hidden}.table-tooltip{z-index:99999;background-color:#222;border-radius:.25rem;justify-content:center;align-items:center;width:2.75rem;height:1.25rem;padding-left:.5rem;padding-right:.5rem;font-size:.6rem;font-weight:600;display:flex;position:absolute;top:-1.5rem;left:.1rem}.action-attribute-container{position:relative}.action-attribute-container .action-attribute-wrapper{background-color:#71717135;border-radius:.25rem;width:3rem;height:.75rem;position:relative;overflow:hidden}.action-attribute-container .action-attribute-wrapper .damage-attribute-wrapper{background-color:#c04514;height:100%}.action-attribute-container .action-attribute-wrapper .tanked-attribute-wrapper{background-color:#1478c0;height:100%}.action-attribute-container .action-attribute-wrapper .healing-attribute-wrapper{background-color:#14c05f;height:100%}.table-kda-wrapper{color:#fffd;flex-direction:column;gap:.25rem;font-family:Roboto;font-size:.75rem;display:flex}.table-kda-wrapper .table-kda-container{gap:.25rem;font-family:Roboto;font-size:.75rem;display:flex}.table-kda-wrapper .table-kda-container .player-table-kills,.table-kda-wrapper .table-kda-container .player-table-deaths,.table-kda-wrapper .table-kda-container .player-table-assists,.table-kda-wrapper .table-kda-container .player-table-finals,.table-kda-wrapper .table-kda-container .player-table-solos{justify-content:center;width:1rem;display:flex}.table-kda-wrapper .player-averaged-kda{text-align:center;color:#878e97;justify-content:center;align-items:center;width:50%;font-size:.6rem;font-weight:800;display:flex}
.error-box-container{text-align:center;background:linear-gradient(145deg,#2d333b 0%,#1c2128 100%);border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;font-size:1.5rem;display:flex}@media (max-width:450px){.error-box-container{padding:0 2rem}}
.player-hero-page{flex-direction:column;gap:2rem;display:flex}.player-hero-page .heroes-select-container{cursor:pointer;background-color:#4d4d4d2c;border:1px solid #6e6e6e;border-radius:2rem;gap:.75rem;max-width:max-content;margin-top:1rem;padding:.5rem 1.5rem;font-family:Montserrat;font-size:.85rem;transition:background-color .125s ease-in;display:flex;box-shadow:0 2px 5px #0a0d12}.player-hero-page .heroes-select-container:hover{background-color:#4d4d4d4c}.player-hero-page .hero-details-container{flex-direction:column;gap:2rem;padding:0 0;display:flex}@media (max-width:450px){.player-hero-page .hero-details-container{padding:0}}.player-hero-page .hero-details-container .hero-profile-title{color:#b6b6b6;letter-spacing:.2rem;font-family:Montserrat;font-size:1.5rem;font-weight:700}.player-hero-page .hero-details-container .hero-start-row{justify-content:space-between;display:flex}@media (max-width:1500px){.player-hero-page .hero-details-container .hero-start-row{flex-direction:column;align-items:center;gap:2rem}}@media (max-width:450px){.player-hero-page .hero-details-container .hero-start-row{gap:0}}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:1rem;width:100%;max-width:50rem;display:flex;overflow:scroll}@media (max-width:1000px){.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper{max-width:30rem}}@media (max-width:450px){.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper{max-width:20rem}}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper::-webkit-scrollbar{display:none}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper{-ms-overflow-style:none;scrollbar-width:none;transition:all .25s ease-in-out}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section{border-radius:12px;justify-content:space-between;align-items:center;gap:2rem;width:50rem;padding:.5rem 2rem;display:flex}@media (max-width:1000px){.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section{padding:1rem}}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container{background:linear-gradient(145deg,#84848420,#54482c20);border-radius:1rem;flex-direction:column;align-items:center;gap:1.5rem;width:7.5rem;padding:1.25rem 0;display:flex}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container--winrate{background:linear-gradient(145deg,#2a5c3830,#54482c30);box-shadow:0 0 3px #2a5c3850}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container--pickrate{background:linear-gradient(145deg,#1a5c5530,#54482c30);box-shadow:0 0 3px #1a5c5550}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container--mvprate{background:linear-gradient(145deg,#c8a80020,#54482c20);box-shadow:0 0 3px #c8a80050}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container--svprate{background:linear-gradient(145deg,#4a6e9c30,#54482c30);box-shadow:0 0 3px #4a6e9c50}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container--kda{background:linear-gradient(145deg,#8c3a2030,#54482c30);box-shadow:0 0 3px #8c3a2050}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-title{color:#d0d0d0;letter-spacing:.05rem;font-family:Roboto;font-size:.85rem}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value{letter-spacing:.5px;color:#bc8a0b;gap:.125rem;font-family:Roboto;font-size:1.25rem;font-weight:500;display:flex}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value--winrate{color:#5bbf8a}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value--pickrate{color:#4ec4bc}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value--mvprate{color:#e0c040}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value--svprate{color:#7baee0}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container .hero-stat-value--kda{color:#c4886a}.player-hero-page .hero-details-container .hero-start-row .hero-overview-wrapper .hero-overview-section .hero-overview-stat-container{flex-direction:column;display:flex}.player-hero-page .hero-details-container .player-breakdown-loading{width:100%;min-width:0;max-width:42.5rem;height:35rem}.player-hero-page .hero-details-container .hero-details-row{justify-content:space-between;gap:2rem;display:flex}@media (max-width:1500px){.player-hero-page .hero-details-container .hero-details-row{flex-direction:column;align-items:center}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container{background:#1a1a1a;border:1px solid #2e2e2e;border-radius:12px;flex-direction:column;width:50%;max-width:42rem;padding:2rem;display:flex}@media (max-width:1500px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container{min-width:40rem}}@media (max-width:1000px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container{width:100%;min-width:0;padding:2rem 1rem}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading{justify-content:space-between;display:flex}@media (max-width:450px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading{flex-direction:column;gap:.5rem}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .hero-detailed-stats-title{color:#c2c2c2;align-items:center;gap:.5rem;font-family:Montserrat;font-size:1.125rem;display:flex}@media (max-width:400px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .hero-detailed-stats-title{flex-direction:column}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .hero-detailed-stats-title .hero-detailed-stats-subtitle{align-items:center;gap:.5rem;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .hero-detailed-stats-title .per-ten-minutes-text{letter-spacing:.02rem;color:#959595;margin-top:.25rem;font-size:.8rem;font-weight:600}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container{letter-spacing:.02rem;color:#d1d1d1;align-items:center;gap:.45rem;font-family:Roboto;font-size:.9rem;display:flex}@media (max-width:450px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container{justify-content:right;width:100%}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container .radio-button-toggle{cursor:pointer;background-color:#2a2a2a;border:2px solid #555;border-radius:50%;justify-content:center;align-items:center;width:1rem;height:1rem;transition:border-color .2s,background-color .2s ease-in;display:flex;position:relative;box-shadow:inset 0 1px 3px #0006}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container .radio-button-toggle:hover{background-color:#494949}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container .radio-button-toggle .radio-button-dot{opacity:1;background-color:#d9ac16;border-radius:50%;width:.4rem;height:.4rem;transition:opacity .2s ease-in;box-shadow:0 0 6px #d9ac1699}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container .radio-button-toggle .radio-button-dot--hide{opacity:0}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hero-detailed-stats-heading .toggle-additional-container .radio-button-toggle .radio-button-dot--blue{background-color:#4ecdc4}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper{flex-direction:column;align-items:center;gap:1.5rem;width:100%;padding-top:3.5rem;display:flex}@media (max-width:450px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper{display:none}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper .greater-stat{color:#4caf7d}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper .lesser-stat{color:#e05c5c}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper .stat-box-container{background:linear-gradient(145deg,#84848420,#6c5f4020);border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:12rem;height:5.75rem;padding-top:.75rem;display:flex;position:relative}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper .stat-box-container .stat-difference-container{opacity:1;letter-spacing:.02rem;color:#4caf7d;opacity:0;align-items:center;gap:.125rem;font-family:Roboto;font-size:.7rem;transition:opacity .25s ease-in;display:flex;position:absolute;top:.5rem;right:.5rem}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stat-boxes-wrapper .stat-box-container .stat-difference-container--display{opacity:1}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .hp-stats-body{justify-content:space-between;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body{gap:2rem;padding-left:1rem;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .player-play-time-wrapper{justify-content:center;width:100%;padding-right:1rem;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper{align-items:start;gap:1.5rem;min-width:13rem;max-width:13rem;padding-top:3.5rem;display:flex;overflow:hidden}@media (max-width:450px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper{display:none}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .combat-stat-boxes-prime{flex-direction:column;gap:1.5rem;transition:transform .25s ease-in;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .combat-stat-boxes-prime--hide{transform:translate(-215px)}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .combat-stat-boxes-extra{flex-direction:column;gap:1.5rem;transition:transform .25s ease-in;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .combat-stat-boxes-extra--show{transform:translate(-215px)}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container{align-items:center;gap:3.35rem;display:flex;position:absolute;bottom:7rem}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container .page-circles-wrapper{gap:.75rem;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container .page-circles-wrapper .page-circle-indicator{background-color:#555;border-radius:50%;width:.5rem;height:.5rem;transition:background-color .25s ease-in}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container .page-circles-wrapper .page-circle-indicator--highlight{background-color:#fff}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container .page-button-wrapper{cursor:pointer;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;transition:all .25s ease-in;display:flex}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-stat-boxes-wrapper .page-selection-container .page-button-wrapper:hover{background-color:#fff}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-radar-container{width:22.5rem;height:22.5rem;margin-top:2.5rem;margin-right:-.5rem;position:relative}@media (max-width:450px){.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-radar-container{width:18rem;height:18rem}}.player-hero-page .hero-details-container .hero-details-row .hero-detailed-stats-container .combat-stats-body .combat-radar-container .combat-radar-title{color:#b8b8b8;font-family:Montserrat;font-size:.8rem;font-weight:600;position:absolute;top:1rem;left:50%;transform:translate(-55%)}.player-hero-page .hero-details-container .hero-profile-section{flex-direction:column;gap:2rem;display:flex}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box{border-radius:2rem;align-items:center;gap:1.25rem;min-width:35rem;max-width:35rem;padding:.5rem 3rem .5rem 2rem;display:flex}@media (max-width:450px){.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box{min-width:22rem;max-width:22rem;display:none}}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-image-wrapper{background-color:#222;border:1px solid #424242;border-radius:5rem;overflow:hidden}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text{flex-direction:column;gap:.25rem;display:flex}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-name-text{color:#959595;gap:.25rem;font-family:Montserrat;font-size:1.5rem;display:flex}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-traits-container{gap:.5rem;display:flex}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-traits-container .character-trait-pill{color:#e8c400;letter-spacing:.75px;background-color:#2a2200;border:1px solid #e8c40055;border-radius:10rem;justify-content:center;align-items:center;padding:0 .75rem;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;display:flex}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-traits-container .character-trait-pill--vanguard{color:#5cb8d6;background-color:#001d2e;border:1px solid #5cb8d655}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-traits-container .character-trait-pill--duelist{color:#ff5c6e;background-color:#1e0005;border:1px solid #ff5c6e55}.player-hero-page .hero-details-container .hero-profile-section .hero-profile-box .hero-profile-text .character-traits-container .character-trait-pill--support{color:#4ecb71;background-color:#001e0a;border:1px solid #4ecb7155}.player-hero-section-loading{min-width:100%}
.selection-modal-wrapper .selection-modal-backdrop{z-index:100;background:#000000bf;position:fixed;inset:0}.selection-modal-wrapper .selection-modal-body{z-index:101;background-color:#1a1a24;border:1px solid #3a3a4a;border-radius:1rem;flex-direction:column;gap:2rem;width:70%;min-width:40rem;max-width:80rem;max-height:40rem;padding:2rem;display:flex;position:fixed;top:50%;left:50%;overflow:scroll;transform:translate(-50%,-50%)}@media (max-width:450px){.selection-modal-wrapper .selection-modal-body{min-width:20rem;max-width:20rem;padding:1rem}}.selection-modal-wrapper .selection-modal-body::-webkit-scrollbar{display:none}.selection-modal-wrapper .selection-modal-body{-ms-overflow-style:none;scrollbar-width:none}.selection-modal-wrapper .selection-modal-body .selection-modal-header{justify-content:space-between;align-items:start;display:flex}@media (max-width:450px){.selection-modal-wrapper .selection-modal-body .selection-modal-header{align-items:center}}.selection-modal-wrapper .selection-modal-body .selection-modal-header .selection-search-bar-wrapper{color:#8b8ba2;justify-content:left;align-items:center;gap:1rem;font-family:rajdhani;display:flex}.selection-modal-wrapper .selection-modal-body .selection-modal-header .selection-search-bar-wrapper input{color:#fff;background:#0f0f15;border:1px solid #2a2a38;border-radius:.5rem;outline:none;width:20rem;padding:.6rem 1rem;font-size:1rem;transition:border .125s ease-in}@media (max-width:450px){.selection-modal-wrapper .selection-modal-body .selection-modal-header .selection-search-bar-wrapper input{width:13rem}}.selection-modal-wrapper .selection-modal-body .selection-modal-header .selection-search-bar-wrapper input::placeholder{color:#555}.selection-modal-wrapper .selection-modal-body .selection-modal-header .selection-search-bar-wrapper input:focus{border-color:#ccae00a4;outline:none}.selection-modal-wrapper .selection-modal-body .selection-modal-header .modal-close-button{cursor:pointer}.selection-modal-wrapper .selection-modal-body .heroes-container-section{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2rem;width:100%;margin:auto;display:grid}@media (max-width:450px){.selection-modal-wrapper .selection-modal-body .heroes-container-section{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))}}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container{cursor:pointer;background-color:#27273a;border:1px solid #676767;border-radius:.5rem;flex-direction:column;transition:background-color .125s ease-in;display:flex;overflow:hidden;box-shadow:0 4px 20px #00000080}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container:hover{background-color:#33334c}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container .hero-card-image{opacity:1;transition:opacity .25s ease-in}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container .hero-card-image--loading{opacity:0}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container .hero-naming-info{color:#acacac;background-color:#1a1a27;align-items:center;gap:.25rem;padding:.5rem .25rem;display:flex}.selection-modal-wrapper .selection-modal-body .heroes-container-section .hero-card-container .hero-naming-info .hero-name-text{text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}
.bar-chart-wrapper{flex-direction:column;align-items:start;width:20rem;display:flex}.bar-chart-wrapper .bar-chart-container{width:18.75rem;margin-top:.5rem;position:relative}.bar-chart-wrapper .bar-chart-container .bar-chart-header{letter-spacing:.02rem;color:#b8b8b8;justify-content:center;align-items:center;gap:.25rem;width:100%;margin-left:1rem;font-family:Montserrat;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:.95rem}.bar-chart-wrapper .bar-chart-container .bar-chart-header .per-ten-mins-text{margin-top:.1rem;font-size:.55rem}.bar-chart-wrapper .bar-chart-box{max-width:18.75rem;display:flex;overflow:hidden}.bar-chart-wrapper .bar-chart-box .singleton-bar-chart-container{flex-shrink:0;width:18.75rem;height:25rem}.bar-chart-wrapper .bar-chart-box .singleton-bar-chart-container .hp-tooltip-container{color:#a0a0a0;background:#2d2d2d;border:2px solid;border-radius:.5rem;gap:.25rem;padding:1rem;font-size:.9rem;display:flex}.bar-chart-wrapper .bar-chart-box .singleton-bar-chart-container .hp-tooltip-container .hp-tooltip-text{gap:.25rem;display:flex}.bar-chart-wrapper .bar-chart-box .singleton-bar-chart-container .hp-tooltip-container .hp-tooltip-value{color:#e8e8e8;font-weight:600}.bar-chart-wrapper .bar-chart-position-wrapper{justify-content:center;align-items:center;width:100%;padding-top:1rem;display:flex}.bar-chart-wrapper .bar-chart-position-wrapper .selection-button-container{z-index:1;cursor:pointer;background-color:#0000;border:1px solid #444;border-radius:50%;justify-content:center;align-items:center;transition:background-color .25s ease-in,border .25s ease-in;display:flex}.bar-chart-wrapper .bar-chart-position-wrapper .selection-button-container:hover{background-color:#fff}
.greater-stat{color:#4caf7d}.lesser-stat{color:#e05c5c}.stat-box-container{background:linear-gradient(145deg,#84848420,#6c5f4020);border-radius:.5rem;flex-direction:column;align-items:center;gap:1rem;width:12rem;height:5.75rem;padding-top:.75rem;display:flex;position:relative}.stat-box-container .stat-box-title{letter-spacing:.02rem;color:#b8b8b8;font-family:Roboto;font-size:.85rem}.stat-box-container .stat-box-value-wrapper{justify-content:center;gap:.4rem;display:flex}.stat-box-container .stat-box-value-wrapper .stat-box-value{color:#e8e8e8;font-family:Roboto;transition:color .25s ease-in}.stat-box-container .stat-box-value-wrapper .greater-stat{color:#4caf7d}.stat-box-container .stat-box-value-wrapper .lesser-stat{color:#e05c5c}.stat-box-container .stat-box-value-wrapper .comparison-stat-container{align-items:center;gap:.4rem;max-width:0;transition:max-width .25s ease-in;display:flex;overflow:hidden}.stat-box-container .stat-box-value-wrapper .comparison-stat-container--display{max-width:4rem}.stat-box-container .stat-difference-container{opacity:1;letter-spacing:.02rem;color:#4caf7d;opacity:0;align-items:center;gap:.125rem;font-family:Roboto;font-size:.7rem;transition:opacity .25s ease-in;display:flex;position:absolute;top:.5rem;right:.5rem}.stat-box-container .stat-difference-container--display{opacity:1}