.player-page-wrapper{flex-direction:column;max-width:1920px;padding:1rem;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:450px){.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-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%}}
.match-summaries-list-wrapper{flex-direction:column;gap:2rem;width:100%;display:flex}.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-color:#80a5b2;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 .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:hidden}.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%;height:45rem;padding:2rem 1.5rem 1.5rem;display:flex;position:absolute}.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:45rem}
.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;overflow:hidden}.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}}
.button-class-yellow{cursor:pointer;color:#102a43;background:linear-gradient(135deg,#e0e0e0 0%,#d4dae0 45%,#d9e2ec 55%,#f0f4f8 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:hover{color:#7e7e7e;border-color:#5d5c5b}@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}
.filter-tabs-wrapper{gap:1rem;width:100%;margin-bottom:2rem;display:flex;position:relative}@media (max-width:450px){.filter-tabs-wrapper{flex-direction:column}}.filter-tabs-wrapper .filter-dropdown-container{position:relative}.filter-tabs-wrapper .filter-dropdown-container .close-button{color:#ba9312;z-index:4;cursor:pointer;border:1px solid #ba9312;border-radius:10rem;padding:.2rem;position:absolute;top:.5rem;right:1rem}.filter-tabs-wrapper .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}.filter-tabs-wrapper .filter-dropdown:hover{background:#655719}.filter-tabs-wrapper .filter-dropdown--season{z-index:3;padding:0 5rem}.filter-tabs-wrapper .filter-dropdown .dropdown-title-text{align-items:center;display:flex}.filter-tabs-wrapper .filter-dropdown-list{z-index:2;background-color:#4a462e;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;flex-direction:column;justify-content:end;width:100%;height:364px;max-height:0;transition:max-height .2s ease-in;display:flex;position:absolute;top:.3rem;left:0;overflow:hidden}.filter-tabs-wrapper .filter-dropdown-list--show{max-height:25rem;overflow:scroll}.filter-tabs-wrapper .filter-dropdown-list--show::-webkit-scrollbar{display:none}.filter-tabs-wrapper .filter-dropdown-list--show{-ms-overflow-style:none;scrollbar-width:none}.filter-tabs-wrapper .filter-dropdown-list .filter-dropdown-last-item{background-color:#4a462e;height:.5rem}.filter-tabs-wrapper .filter-dropdown-list .filter-dropdown-item{color:#c6c6c6;cursor:pointer;align-items:center;gap:.25rem;min-height:2.5rem;padding-left:1rem;font-family:Roboto;display:flex}.filter-tabs-wrapper .filter-dropdown-list .filter-dropdown-item:hover{background-color:#696132}
.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--diamond{box-shadow:0 0 5px #4946ef33}.mini-section-wrapper .recent-twenty-box--platinum{box-shadow:0 0 5px #4681ef33}.mini-section-wrapper .recent-twenty-box--celestial{box-shadow:0 0 5px #efb44633}.mini-section-wrapper .recent-twenty-box--skeleton{box-shadow:0 0 10px #5b5a584d}@media (min-width:1485px){.mini-section-wrapper .recent-twenty-box{width:100%}}.mini-section-wrapper .recent-twenty-box .heroes-skeleton-box{flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;height:100%;display:flex}.mini-section-wrapper .recent-twenty-box .heroes-skeleton-box .hero-skeleton-box-body{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.mini-section-wrapper .recent-twenty-box .heroes-skeleton-box .hero-skeleton-box-body .hero-skeleton-title{font-family:Montserrat;font-size:1.5rem;font-weight:500}.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--platinum:before,.mini-section-wrapper .recent-twenty-box--diamond:before,.mini-section-wrapper .recent-twenty-box--skeleton:before{content:"";z-index:-2;background:#701a75;width:200%;height:400%;position:absolute;top:-150%;left:-50%}.mini-section-wrapper .recent-twenty-box--diamond:before{background:#3730a3}.mini-section-wrapper .recent-twenty-box--platinum:before{background:#0f4a6c}.mini-section-wrapper .recent-twenty-box--celestial:before{background:#5f2708}.mini-section-wrapper .recent-twenty-box--skeleton:before{background:#555}.mini-section-wrapper .recent-twenty-box:after,.mini-section-wrapper .recent-twenty-box--diamond: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--diamond:after{background:linear-gradient(#312e81,#18181b,#000)}.mini-section-wrapper .recent-twenty-box--platinum:after{background:linear-gradient(#285671,#23262a,#000)}.mini-section-wrapper .recent-twenty-box--celestial:after{background:linear-gradient(#652d0f,#431407,#0c0702)}.mini-section-wrapper .recent-twenty-box--skeleton:after{background:linear-gradient(#3a3a3a,#18181b,#000)}
.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}