.search-container-left{background-color:#fff;border-radius:4px;width:100%;max-width:300px;margin-right:20px;overflow:hidden;border:1px solid #f99e1a!important}.search-btn-left{flex-shrink:0;width:45px;height:38px}.search-input-left{background-color:#e9ecef;border-radius:0;height:38px;font-size:.9rem}.search-input-left:focus{box-shadow:none!important;border-color:inherit!important;outline:none!important}.error-alert-left{color:#856404;background-color:#fff3cd;max-width:300px;font-size:.85rem}.bg-theme-orange{background-color:#f09c13}.text-theme-orange{color:#f09c13}.main-content{flex-grow:1;width:350px;overflow-x:hidden}.main-content::-webkit-scrollbar{width:6px}.main-content::-webkit-scrollbar-track{background:#f1f1f1}.main-content::-webkit-scrollbar-thumb{background:#f09c13;border-radius:10px}.main-content::-webkit-scrollbar-thumb:hover{background:#d48a11}.hero-grid{z-index:10;flex-wrap:wrap;gap:4px;max-height:200px;display:flex;position:absolute;top:100%;left:15px;right:15px}.hero-item{aspect-ratio:1;cursor:pointer;background-color:#f8f9fa;border:1px solid #dee2e6;width:calc(25% - 3px);transform:scaleX(-1)}.hero-item.active{background-color:#f09c131a;border:2px solid #f09c13}.header-container{z-index:20;width:350px;height:150px}.header-banner{z-index:1;background-position:50% 20%;background-size:cover;border-right:6px solid #f09c13;width:410px;height:150px;transform:scaleX(-1)}.header-avatar{z-index:2;border:5px solid #f09c13;width:100px;height:100px;top:25px;left:370px;transform:scaleX(-1)}.header-pseudo{z-index:2;top:50%;left:490px;transform:translateY(-50%)}.time-played-hours{font-size:1.3rem}.rank-circle{border:4px solid #f09c13;width:80px;height:80px}.select-hero-container,.stats-container{max-width:260px}.select-hero-btn{background-color:#d0d5d9;font-size:.85rem}.rank-icon-left{width:40px;height:40px;margin-left:10px}.fs-small-custom{font-size:.75rem}
.center-panel-wrapper{z-index:10;border-radius:20px 20px 0 0;flex-grow:1;min-width:500px;box-shadow:0 -5px 20px #00000026}.stat-list-wrapper{flex-direction:column;flex-grow:1;gap:15px;display:flex}.stat-list-wrapper::-webkit-scrollbar{width:6px;display:block}.stat-list-wrapper::-webkit-scrollbar-track{background:0 0}.stat-list-wrapper::-webkit-scrollbar-thumb{background-color:#f09c13;border-radius:10px}.stat-list-wrapper::-webkit-scrollbar-thumb:hover{background-color:#d88b10}.gamemode-select{background-color:#0000;width:150px}.btn-update-stats{border-radius:5px;padding:5px 20px;font-weight:700;transition:all .2s ease-in-out;color:#333!important;background-color:#fff!important;border:2px solid #f09c13!important}.btn-update-stats:hover{color:#fff!important;background-color:#f09c13!important}.header-spacer{width:150px}.vs-logo-img{object-fit:contain;width:80px}.bg-console-orange{background-color:#f09c13!important}.switch-option{cursor:pointer;border-radius:4px;transition:all .2s ease-in-out}.switch-option.active:hover{opacity:.85}.stat-value-left{width:60px}.stat-bar-container-left{height:10px;position:relative}.stat-bar-fill-left{height:100%;transition:width .4s;position:absolute;right:0}.stat-row-label{width:140px;font-size:.75rem}.stat-bar-container-right{height:10px}.stat-bar-fill-right{height:100%;transition:width .4s}.stat-value-right{width:60px}.text-orange-win{color:#f09c13!important}.bg-orange-win{background-color:#f09c13!important}.bg-gray-lose{background-color:#cdd3d8!important}
.panel-search-right{width:310px}.bg-theme-gray{background-color:#6c757d}.text-theme-gray{color:#6c757d}.border-theme-gray{border-color:#6c757d!important}.search-submit-btn-right{cursor:pointer;border:2px solid #6c757d;border-right:none;border-radius:5px 0 0 5px;justify-content:center;align-items:center;width:45px;display:flex}.search-input-box-right{box-shadow:none;background-color:#e9ecef;border-width:2px;border-radius:0 5px 5px 0;outline:none}.main-content-right{flex-grow:1;width:350px;overflow-x:hidden}.main-content-inner-right{flex-direction:column;align-items:flex-end;width:100%;display:flex}.main-content-right::-webkit-scrollbar{width:6px}.main-content-right::-webkit-scrollbar-track{background:#f1f1f1}.main-content-right::-webkit-scrollbar-thumb{background:#6c757d;border-radius:10px}.hero-grid-dropdown-right{z-index:10;flex-wrap:wrap;justify-content:flex-end;gap:4px;max-height:200px;display:flex;position:absolute;top:100%;left:15px;right:15px}.hero-item-right{aspect-ratio:1;cursor:pointer;background-color:#f8f9fa;border:1px solid #dee2e6;width:calc(25% - 3px)}.hero-item-right.active{background-color:#6c757d1a;border:2px solid #6c757d}.header-container-right{z-index:20;width:350px;height:150px}.header-banner-right{z-index:1;background-position:50% 20%;background-size:cover;border-right:6px solid #6c757d;width:410px;height:150px}.header-avatar-right{z-index:2;border:5px solid #6c757d;width:100px;height:100px;top:25px;right:370px}.header-pseudo-right{z-index:2;text-align:right;top:50%;right:490px;transform:translateY(-50%)}.rank-circle-right{border:4px solid #6c757d;width:80px;height:80px}.search-input-box-right:focus{box-shadow:none!important;border-color:inherit!important;outline:none!important}.max-w-260{max-width:260px}.select-hero-btn{background-color:#d0d5d9;font-size:.85rem}.rank-icon-right{width:40px;height:40px}.fs-small-custom{font-size:.75rem}.alert-private-right{color:#856404;background-color:#fff3cd;max-width:300px;font-size:.85rem}.time-played-text-right{font-size:1.3rem}