.page-module__6dsYEG__periodTabs{background:linear-gradient(#070c19f2,#080d1bf0);border:1px solid #4ce1ff57;border-radius:999px;align-items:center;gap:6px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #8ff2ff1f}.page-module__6dsYEG__periodTab{color:#beceeae6;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:.84rem;font-weight:600;transition:color .16s,border-color .16s,background .16s;display:inline-flex}.page-module__6dsYEG__periodTab:hover{color:#f2f7ff;background:#111b31bd;border-color:#4ce1ff57}.page-module__6dsYEG__periodTabActive{color:#fff;background:linear-gradient(135deg,#162442f2,#2a1836eb);border-color:#4ce1ff8f;box-shadow:inset 0 1px #8ff2ff38,0 0 0 1px #4ce1ff33}.page-module__6dsYEG__periodLabelShort{display:none}.heroes-sub-controls-periods{flex-direction:column;align-items:stretch;gap:14px;display:flex!important}:is(.heroes-period-controls-top,.heroes-period-controls-bottom){grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:18px;width:100%;display:grid}.heroes-period-controls-top>.page-module__6dsYEG__periodTabs{justify-content:flex-start;justify-self:start;width:fit-content;min-width:0;max-width:100%;overflow:hidden}.heroes-period-controls-bottom>.heroes-attribute-tabs{justify-self:start;width:fit-content}.heroes-period-controls-bottom>.heroes-search-form{width:100%;min-width:0;max-width:none}.page-module__6dsYEG__periodTab{text-align:center;flex:none}@media (min-width:1600px){.heroes-sub-controls-periods{grid-template-columns:max-content max-content max-content minmax(0,1fr);grid-template-areas:"attributes period view search";align-items:center;gap:20px;display:grid!important}:is(.heroes-period-controls-top,.heroes-period-controls-bottom){display:contents}.heroes-period-controls-bottom>.heroes-attribute-tabs{grid-area:attributes}.heroes-period-controls-top>.page-module__6dsYEG__periodTabs{grid-area:period;width:auto;min-width:max-content}.heroes-period-controls-top>.heroes-view-toggle{grid-area:view}.heroes-period-controls-bottom>.heroes-search-form{grid-area:search;width:100%;max-width:none}}@media (max-width:620px){:is(.heroes-period-controls-top,.heroes-period-controls-bottom){grid-template-columns:176px minmax(0,1fr);gap:12px}.heroes-period-controls-bottom>.heroes-attribute-tabs{gap:2px;width:176px;min-width:176px;padding-inline:4px}.heroes-period-controls-bottom>.heroes-attribute-tabs .hero-attribute-tab{width:40px;min-width:0;padding-inline:0}.heroes-period-controls-top>.heroes-view-toggle{width:148px}.page-module__6dsYEG__periodTab{padding-inline:4px;font-size:.76rem}.page-module__6dsYEG__periodLabelFull{display:none}.page-module__6dsYEG__periodLabelShort{display:inline}}