.dynamic-filter{border-bottom:1px solid var(--color-border-alt);padding:4px 6px;position:sticky;top:10px}.dynamic-filter li{padding:4px 0;white-space:nowrap}.dynamic-filter-block{max-height:288px;overflow-x:hidden;overflow-y:auto;padding:2px 0}.dynamic-filter-header{color:var(--color-text-secondary-alt);margin:7px 0 .5rem;text-transform:uppercase}.section-hero-mosaic{background:var(--color-bg-hl);border-radius:var(--border-radius-small);height:162px;margin:-18px -24px 0;padding:20px 40px;position:relative}@media(max-width:768px){.section-hero-mosaic{margin:-18px -18px 0;padding:12px}}.section-hero-mosaic .section-hero-mosaic-overlay{height:122px;overflow:hidden;position:relative}@media(max-width:768px){.section-hero-mosaic .section-hero-mosaic-overlay{height:128px}}.section-hero-mosaic .section-hero-mosaic-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.section-hero-mosaic .section-hero-mosaic-container .mosaic-item{align-items:center;display:flex;filter:alpha(opacity=30);height:40px;justify-content:center;margin:0;opacity:.3;transform:scale(1);transition:all .2s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:40px}.section-hero-mosaic .section-hero-mosaic-container .mosaic-item:hover{filter:alpha(opacity=100);opacity:1;transform:scale(1.1)}.section-hero-mosaic .section-hero-mosaic-container .mosaic-item__img img{height:32px;width:32px}.section-hero-mosaic .section-hero-mosaic-container .mosaic-item__icon{color:var(--color-text-surface-secondary);font-size:2rem}@media(max-width:768px){.section-hero-mosaic .section-hero-mosaic-container .mosaic-item{height:32px;width:32px}.section-hero-mosaic .section-hero-mosaic-container .mosaic-item__img img{height:28px;width:28px}}.section-hero-mosaic header{border-radius:var(--border-radius-small);color:var(--color-text-light);display:block;left:0;margin-left:auto;margin-right:auto;max-width:40%;overflow:hidden;padding:4px;position:absolute;right:0;text-align:center;top:20px;width:-moz-fit-content;width:fit-content}.section-hero-mosaic header .section-hero-mosaic__sub-title,.section-hero-mosaic header h1{margin-bottom:0;text-align:center;text-shadow:1px 1px var(--color-text-light),1px 0 var(--color-text-light),1px -1px var(--color-text-light),0 -1px var(--color-text-light),-1px -1px var(--color-text-light),-1px 0 var(--color-text-light),-1px 1px var(--color-text-light),0 1px var(--color-text-light)}.section-hero-mosaic header h1{color:var(--color-text-brand-alt);letter-spacing:2px}.section-hero-mosaic header .section-hero-mosaic__sub-title{color:var(--color-text-dark);font-size:1.25rem}@media(max-width:768px){.section-hero-mosaic header{max-width:80%}}.section-hero-mosaic.section-hero-mosaic--theme-new{background:#496548}body.app__theme--light .section-hero-mosaic.section-hero-mosaic--theme-new{background:#a3d2a0}.section-hero-mosaic--theme-db-update{background:#42402f}body.app__theme--light .section-hero-mosaic--theme-db-update{background:#d4cfa3}.section-hero-mosaic--theme-hero-list{background:#5e3f3f}body.app__theme--light .section-hero-mosaic--theme-hero-list{background:#f3d4bc}.summary-block{font-size:.9rem}.summary-block .summary-label{text-transform:uppercase}.summary-block .summary-block-item{align-items:center;display:flex;justify-content:space-between;margin:5px 0;padding:4px 6px}.summary-block .summary-block-group{gap:.5rem;justify-content:start}.db-changes-tabs{border-bottom:1px solid var(--color-border-alt);padding:8px 6px}.db-changes-tabs .nav-pills.filter-pills .nav-link{font-size:1rem;padding:.25rem .45em}.archive-block a{color:var(--color-text-main)}.archive-block a:hover{text-decoration:none}.archive-block a:nth-child(n) .archive-item{border-left:4px solid var(--color-text-brand)}.archive-block a:nth-child(2n) .archive-item{border-left:4px solid var(--color-text-brand-alt)}.archive-item{background-color:var(--color-background-1);display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.5rem;padding:10px 12px}.archive-item-date{align-self:center;color:var(--color-text-main-alt);min-width:80px}.archive-item-desc{flex:1}.archive-item-desc h3{font-size:1.25rem}.archive-item-desc p{color:var(--color-text-main-alt);font-size:.925em;white-space:pre-wrap}.archive-item-stat-container{display:flex;flex:1;flex-direction:column;gap:.5rem}.archive-item-stat-container .archive-item-stat-container--up{align-items:center;display:flex;gap:.5rem;justify-content:end}.archive-item-stat-container .archive-item-stat-container--bottom{display:flex;justify-content:end}.archive-item:hover{background-color:var(--color-background-1-hover)}@media(max-width:768px){.archive-item{flex-direction:column}.archive-item-date{min-width:auto}}.section-hero--db-archive{background:#605c3c}body.app__theme--light .section-hero--db-archive{background:#cbc7a5}.simple-nav-link{color:var(--color-text-secondary-alt);display:block;font-size:.85rem;position:relative;text-decoration:none}.simple-nav-link p{margin-bottom:0;text-transform:uppercase}.simple-nav-link time{color:var(--color-text-secondary);font-size:.8rem}.simple-nav-link:before{align-self:center;color:var(--color-text-secondary-alt);font-family:showcase-ico;font-size:1.7rem;position:absolute;vertical-align:middle}.simple-nav-link:hover{color:var(--color-text-link);text-decoration:none}.simple-nav-link:focus{outline:thin dotted var(--color-border-dotted)}@media(max-width:640px){.simple-nav-link{font-size:.9rem}.simple-nav-link:before{font-size:1.5rem}}.previous-nav-link{margin-right:auto;padding:4px 15px 4px 35px}.previous-nav-link:before{content:"";left:10px}@media(max-width:640px){.previous-nav-link{padding:3px 7px 3px 20px}.previous-nav-link:before{left:0}}.next-nav-link{margin-left:auto;padding:4px 35px 4px 15px;text-align:right}.next-nav-link:before{content:"";right:10px}@media(max-width:640px){.next-nav-link{padding:3px 20px 3px 7px}.next-nav-link:before{right:0}}.hero-list__toolbar{padding-bottom:.5rem}.hero-list__main-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.hero-list__main-toolbar .hero-list__header-title{align-items:center;display:flex;gap:6px}.hero-list__main-toolbar .hero-list__header-title .hero-list__header-title-label{font-size:1.5rem;line-height:1.5;margin-bottom:0}.hero-list__main-toolbar .hero-list__header-title .hero-list__header-title-count{color:var(--color-text-surface-secondary);font-size:.925rem}.hero-list__main-toolbar .right-controls{margin-left:auto}.hero-list__container{display:flex;flex-direction:column;gap:.5rem}.hero-list__container .hero-list__item{background-color:var(--color-background-1);border:1px solid var(--color-box-border);box-shadow:var(--shadow-box-light);padding:.5rem}.hero-list__container .hero-list__item-row{display:flex;gap:8px}.hero-list__container .hero-meta-container{display:flex;gap:8px;min-width:150px;width:25%}.hero-list__container .hero-name-container{display:flex;flex-direction:column;padding:1rem 0}.hero-list__container .hero-name-container .hero-name-aliases,.hero-list__container .hero-name-container .hero-name-title,.hero-list__container .hero-name-container .hero-roles{margin-bottom:0}.hero-list__container .hero-name-container .hero-name-title{align-items:center;display:flex;font-size:1.25rem;font-weight:500;gap:4px;line-height:1.25}.hero-list__container .hero-name-container .hero-name-aliases,.hero-list__container .hero-name-container .hero-roles{align-items:center;-moz-column-gap:5px;column-gap:5px;display:flex;flex-wrap:wrap;row-gap:2px}.hero-list__container .hero-name-container .hero-roles{color:var(--color-text-brand-alt);font-size:.925rem}.hero-list__container .hero-name-container .hero-name-aliases{margin-top:auto}.hero-list__container .hero-name-container .hero-name-aliases .hero-name-alias{color:var(--color-text-surface-secondary);font-size:.925rem;text-decoration:underline}.hero-list__container .hero-attr-container{align-items:flex-end;display:flex;padding:1rem 0}.hero-list__container .hero-attr-container .hero-attr-container-inner{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.hero-list__container .hero-attr-container .hero-primary{font-size:.925rem;padding:1px 2px}.hero-list__container .hero-id-container{display:flex;flex-direction:column;gap:4px;margin-left:auto}.hero-list__container .hero-id-container .hero-dota-id,.hero-list__container .hero-id-container .row-id{color:var(--color-text-neutral);font-size:.925rem;margin-bottom:0;text-align:right}.hero-list__container .hero-list__item-row-hype,.hero-list__container .hero-list__item-row-loadout,.hero-list__container .hero-list__item-row-stat{border-top:1px solid var(--color-box-border);margin-top:4px;padding-top:3px}.hero-list__container .hero-list__item-row-hype{color:var(--color-text-surface-secondary)}.hero-list__container .hero-list__item-row-hype p{margin-bottom:0}.hero-list__container .hero-list__item-row-stat{align-items:flex-start;border-top:1px solid var(--color-box-border);justify-content:space-between;margin-top:4px;padding-top:3px}.hero-list__container .hero-item__rarity-stats,.hero-list__container .hero-item__socket-stats{align-items:flex-end;display:flex;gap:16px}.hero-list__container .hero-item__stat{flex:0 0 auto}.hero-list__container .hero-item__stat .hero-item__stat-label{font-size:.875rem;margin-bottom:2px;text-transform:uppercase}.hero-list__container .hero-item__stat .hero-item__stat-label--brand{color:var(--color-text-brand-alt)}.hero-list__container .hero-item__stat .hero-item__stat-value{color:var(--color-text-surface-secondary);display:inline-flex;font-size:.925rem;font-weight:500;gap:6px;margin-bottom:0}@media(min-width:1024px){.hero-list__container .hero-item__stat .hero-item__stat-value .link-icon{display:none}.hero-list__container .hero-item__stat:hover .hero-item__stat-value .link-icon{display:inline-block}}.hero-list__container .hero-item__socket-stats .hero-slot-control-container .hero-slot-load-btn{align-items:center;background:var(--color-control-background);border-radius:var(--border-radius-small);display:flex;height:24px;justify-content:center;padding:.25rem;width:24px}.hero-list__container .hero-item__socket-stats .hero-slot-control-container .hero-slot-load-btn:hover{background:var(--color-control-background-alt)}.hero-list__container .hero-list__loadout-container{margin:0 auto}.db-section{display:flex;flex-wrap:wrap}.db-side{margin-right:.5rem;width:320px}.db-view{flex:1}.db-filter .menu-list{list-style:none;padding-left:0}.db-filter .menu-group-title{background-color:var(--color-background-section-alt-light);padding:2px;text-align:center}.db-filter .menu-group-title span{font-size:1em;text-shadow:var(--shadow-text-sm);text-transform:uppercase}.db-filter .menu-label{font-size:.975em}.db-filter .menu-item{display:flex;padding:3px 0}.db-filter .menu-item img{height:24px;width:24px}.db-filter .menu-item i{font-size:1.5rem}.db-filter .menu-item--selected{font-weight:700}.db-filter .menu-link{align-items:center;display:flex;gap:6px;line-height:24px}.db-filter .form-label{font-size:1rem}@media(min-width:1536px){.db-filter .app-side__scroll-overflow{max-height:920px}}.db-filter-nav{border-bottom:2px solid var(--color-box-border);padding:5px 10px 3px}.db-filter-nav .db-hero-type-context-container{padding:.5rem 0}.app-side__search-input{margin:7px 0}.extended-filter-context{display:flex;flex-direction:column;gap:4px;padding:10px 0 4px;width:100%}.extended-filter-context .extended-filter-context-top{align-items:center;display:flex;gap:12px;justify-content:flex-end}.extended-filter-context .extended-filter-context-bottom{align-items:center;display:flex;gap:8px}.extended-filter-context .btn-box,.extended-filter-context .btn-link{margin-left:3px;padding:3px 6px}.db-header .db-header-container{align-items:center;display:flex;padding:3px 10px 0}.db-header .db-header-title{font-size:1.75em;margin-bottom:0}.db-header .db-header-title .header--highlight{border-bottom:2px solid var(--color-text-brand);color:var(--color-text-brand)}.db-header .app__pagination-info{margin-left:1rem}.toolbar{padding:.75rem .5rem}.main-toolbar{flex-wrap:wrap;gap:1rem}.main-toolbar,.main-toolbar .search-box{display:flex;justify-content:space-between}.main-toolbar .search-box{align-items:self-start;flex-grow:1}.main-toolbar .sort-by-control label{font-size:.925rem}.main-toolbar .right-controls{justify-content:flex-end;padding-left:20px}.main-toolbar .right-controls,.main-toolbar .right-controls .simple-pagination{align-items:center;display:flex}.main-toolbar .right-controls .simple-pagination a:hover{text-decoration:none}.main-toolbar .right-controls .simple-pagination .btn{padding:3px 10px}@media(max-width:768px){.main-toolbar{flex-direction:column}.main-toolbar .search-box{flex:1}.main-toolbar .right-controls{flex:1;justify-content:space-between;padding-left:0}}.extended-filter{padding:.5rem 5px}.advanced-search-btn{padding:3px 8px}.advanced-search-btn .advanced-search-icon{vertical-align:text-bottom}.tag-icon:hover{color:var(--color-text-main)}.dynamic-pagination-container li:not(.disabled):hover{cursor:pointer}.dynamic-pagination-container .pagination{flex-wrap:wrap;row-gap:.375rem}