.CharacterHeader--horizontal {
  display: table;
  position: relative;
}
.CharacterHeader--horizontal > .List-item {
  vertical-align: middle;
}
.CharacterHeader--horizontal .CharacterHeader-character {
  margin-bottom: 0;
}
.CharacterHeader--horizontal .CharacterHeader-nameTitle {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
@media (min-width:540px) {
  .CharacterHeader {
    display: table;
    position: relative;
  }
  .CharacterHeader > .List-item {
    vertical-align: middle;
  }
  .CharacterHeader .CharacterHeader-character {
    margin-bottom: 0;
  }
  .CharacterHeader .CharacterHeader-nameTitle {
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
  }
}
@media (min-width:1280px) {
  .CharacterHeader-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.CharacterHeader-outdatedWarning {
  color: #ebdec2;
  margin-bottom: 15px;
}
@media (min-width:1280px) {
  .CharacterHeader-outdatedWarning {
    margin-bottom: 10px;
    order: 2;
    padding-left: 20px;
    text-align: right;
    max-width: 500px;
  }
}
.CharacterHeader-info {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.CharacterHeader-character {
  display: table;
  position: relative;
  margin-bottom: 10px;
}
.CharacterHeader-character > .List-item {
  vertical-align: middle;
}
.CharacterHeader-title {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  max-width: 350px;
}
@media (min-width:720px) {
  .CharacterHeader-title {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .CharacterHeader-title {
    font-size: 1.44rem;
  }
}
.CharacterHeader-title.zh-cn,
.zh-cn .CharacterHeader-title {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterHeader-title.ko-kr,
.ko-kr .CharacterHeader-title {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterHeader-title.ru-ru,
.ru-ru .CharacterHeader-title {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterHeader-title.zh-tw,
.zh-tw .CharacterHeader-title {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.CharacterHeader-logoArea {
  vertical-align: middle;
  height: 100%;
  display: none;
}
@media (min-width:720px) {
  .CharacterHeader-logoArea {
    display: block;
  }
}
.CharacterHeader-logo.Logo--alliance,
.CharacterHeader-logo.Logo--horde {
  margin-right: 20px;
}
.CharacterHeader-nameArea {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.CharacterHeader-name {
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  font-size: 2.2395rem;
  line-height: 1.5;
  line-height: 1em;
}
.CharacterHeader-name.zh-cn,
.zh-cn .CharacterHeader-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterHeader-name.ko-kr,
.ko-kr .CharacterHeader-name {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterHeader-name.ru-ru,
.ru-ru .CharacterHeader-name {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterHeader-name.zh-tw,
.zh-tw .CharacterHeader-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
@media (min-width:720px) {
  .CharacterHeader-name {
    font-size: 2.5381rem;
  }
}
@media (min-width:1280px) {
  .CharacterHeader-name {
    font-size: 2.986rem;
  }
}
.CharacterHeader--DEATHKNIGHT .CharacterHeader-name {
  color: #c41e3b;
}
.CharacterHeader--DEMONHUNTER .CharacterHeader-name {
  color: #a330c9;
}
.CharacterHeader--DRUID .CharacterHeader-name {
  color: #ff7c0a;
}
.CharacterHeader--EVOKER .CharacterHeader-name {
  color: #33937f;
}
.CharacterHeader--HUNTER .CharacterHeader-name {
  color: #aad372;
}
.CharacterHeader--MAGE .CharacterHeader-name {
  color: #68ccef;
}
.CharacterHeader--MONK .CharacterHeader-name {
  color: #00ffba;
}
.CharacterHeader--PALADIN .CharacterHeader-name {
  color: #f48cba;
}
.CharacterHeader--PRIEST .CharacterHeader-name {
  color: #f0ebe0;
}
.CharacterHeader--ROGUE .CharacterHeader-name {
  color: #fff468;
}
.CharacterHeader--SHAMAN .CharacterHeader-name {
  color: #2359ff;
}
.CharacterHeader--WARLOCK .CharacterHeader-name {
  color: #9382c9;
}
.CharacterHeader--WARRIOR .CharacterHeader-name {
  color: #c69b6d;
}
.CharacterHeader-media {
  text-transform: uppercase;
}
.CharacterHeader-media .Media-image {
  padding-right: 4px;
}
.CharacterHeader-links {
  display: table;
  position: relative;
  font-size: 1.296rem;
  line-height: 1.5;
  color: #f8b700;
  margin: -10px;
}
.CharacterHeader-links > .List-item {
  vertical-align: middle;
}
@media (min-width:720px) {
  .CharacterHeader-links {
    font-size: 1.4688rem;
  }
}
@media (min-width:1280px) {
  .CharacterHeader-links {
    font-size: 1.728rem;
  }
}
.CharacterHeader-links > * {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  padding: 10px;
}
.CharacterHeader-details {
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width:720px) {
  .CharacterHeader-details {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .CharacterHeader-details {
    font-size: 1.2rem;
  }
}
.CharacterHeader-detail {
  display: inline-block;
}
/*# sourceMappingURL=CharacterHeader.css.map */
.CharacterCovenantTooltip-header {
  display: flex;
  justify-content: left;
  align-items: center;
}
.CharacterCovenantTooltip .CharacterCovenantTooltip-sigil {
  margin-right: 8px;
}
/*# sourceMappingURL=CharacterCovenantTooltip.css.map */
.CovenantRank {
  position: relative;
  padding-left: 0;
}
.CovenantRank-sigil {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translate(0, -50%);
}
.CovenantRank-rank {
  padding-left: 40px;
  line-height: 29px;
  padding-bottom: 1px;
}
@media (min-width:980px) {
  .CovenantRank-rank {
    line-height: 30px;
  }
}
/*# sourceMappingURL=CovenantRank.css.map */
.ProfilePage .Pane-bg {
  transition: 0.5s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  background-color: transparent;
  background-position: center -225px;
  background-size: 1344px auto;
}
@media (min-width:540px) {
  .ProfilePage .Pane-bg {
    background-position: center -415px;
    background-size: 1752px auto;
  }
}
@media (min-width:720px) {
  .ProfilePage .Pane-bg {
    background-position: center -435px;
    background-size: 1968px auto;
  }
}
@media (min-width:980px) {
  .ProfilePage .Pane-bg {
    background-position: center -424px;
    background-size: 2400px auto;
  }
}
@media (min-width:1280px) {
  .ProfilePage .Pane-bg {
    background-position: center -416px;
  }
}
@media screen and (min-width: 1450px) {
  .ProfilePage .Pane-bg {
    background-position: center -401px;
  }
}
.ProfilePage--fadedBackground .Pane-bg {
  opacity: 0.25;
}
.ProfilePage-header {
  padding: 0 20px;
  margin: 0 -20px;
  background: rgba(0, 0, 0, 0.6);
}
@media (min-width:980px) {
  .ProfilePage-header {
    padding: 0;
    margin: 0;
    background: none;
  }
}
/*# sourceMappingURL=ProfilePage.css.map */
.CharacterStat {
  display: flex;
}
.CharacterStat-name {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width:720px) {
  .CharacterStat-name {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .CharacterStat-name {
    font-size: 1.2rem;
  }
}
.CharacterStat-name.zh-cn,
.zh-cn .CharacterStat-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterStat-name.ko-kr,
.ko-kr .CharacterStat-name {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterStat-name.ru-ru,
.ru-ru .CharacterStat-name {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterStat-name.zh-tw,
.zh-tw .CharacterStat-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
html:not(.touch) .CharacterStat .CharacterStat-modalToggle:hover {
  cursor: pointer;
}
html:not(.touch) .CharacterStat .CharacterStat-modalToggle:hover .CharacterStat-name {
  text-decoration: underline;
}
.CharacterStatDetails-name {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .CharacterStatDetails-name {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .CharacterStatDetails-name {
    font-size: 1.44rem;
  }
}
.CharacterStatDetails-name.zh-cn,
.zh-cn .CharacterStatDetails-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterStatDetails-name.ko-kr,
.ko-kr .CharacterStatDetails-name {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterStatDetails-name.ru-ru,
.ru-ru .CharacterStatDetails-name {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterStatDetails-name.zh-tw,
.zh-tw .CharacterStatDetails-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.CharacterStatDetails-name--rating {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .CharacterStatDetails-name--rating {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .CharacterStatDetails-name--rating {
    font-size: 1.2rem;
  }
}
.CharacterStatDetails-name--rating.zh-cn,
.zh-cn .CharacterStatDetails-name--rating {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterStatDetails-name--rating.ko-kr,
.ko-kr .CharacterStatDetails-name--rating {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterStatDetails-name--rating.ru-ru,
.ru-ru .CharacterStatDetails-name--rating {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterStatDetails-name--rating.zh-tw,
.zh-tw .CharacterStatDetails-name--rating {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.CharacterStatDetails-value {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ebdec2;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .CharacterStatDetails-value {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .CharacterStatDetails-value {
    font-size: 1.44rem;
  }
}
.CharacterStatDetails-value.zh-cn,
.zh-cn .CharacterStatDetails-value {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterStatDetails-value.ko-kr,
.ko-kr .CharacterStatDetails-value {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterStatDetails-value.ru-ru,
.ru-ru .CharacterStatDetails-value {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterStatDetails-value.zh-tw,
.zh-tw .CharacterStatDetails-value {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.CharacterStatDetails-value--rating {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ebdec2;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .CharacterStatDetails-value--rating {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .CharacterStatDetails-value--rating {
    font-size: 1.2rem;
  }
}
.CharacterStatDetails-value--rating.zh-cn,
.zh-cn .CharacterStatDetails-value--rating {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterStatDetails-value--rating.ko-kr,
.ko-kr .CharacterStatDetails-value--rating {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterStatDetails-value--rating.ru-ru,
.ru-ru .CharacterStatDetails-value--rating {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterStatDetails-value--rating.zh-tw,
.zh-tw .CharacterStatDetails-value--rating {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
/*# sourceMappingURL=CharacterStat.css.map */
.SummaryTalents-ModalHeader {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
  gap: 12px;
}
.SummaryTalents-ModalHeader .TalentTile-Header {
  color: #ffffff;
}
.SummaryTalents-ModalHeader .SelectBox {
  width: 100%;
}
@media (min-width:720px) {
  .SummaryTalents-ModalHeader .SelectBox {
    min-width: 200px;
    max-width: 350px;
    width: fit-content;
  }
}
.SummaryTalents-Loadout {
  display: flex;
  gap: 8px;
  flex-direction: column;
}
.SummaryTalents-LoadoutControls {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
@media (min-width:720px) {
  .SummaryTalents-LoadoutControls {
    flex-direction: row;
  }
}
.SummaryTalents-LoadoutControls .Button--ghost {
  border: 0;
}
.SummaryTalents-LoadoutMessage {
  font-size: 1rem;
  line-height: 1.5;
  color: #777777;
}
@media (min-width:720px) {
  .SummaryTalents-LoadoutMessage {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .SummaryTalents-LoadoutMessage {
    font-size: 1rem;
  }
}
.SummaryTalents-LoadoutMessage--success {
  color: #00ff00;
}
.SummaryTalents-LoadoutMessage--error {
  color: #db2300;
}
.SummaryTalents-ModalTooltip {
  z-index: 1001;
}
.SummaryTalents-ModalList {
  position: relative;
  padding: 0;
  list-style-type: none;
}
@media (min-width:720px) {
  .SummaryTalents-ModalList {
    column-count: 2;
    column-gap: 60px;
    column-rule: 1px dotted rgba(255, 255, 255, 0.15);
  }
  .SummaryTalents-ModalList--isPvP {
    display: flex;
    flex-direction: column;
  }
}
.SummaryTalents-ModalListItem {
  padding: 4px 0;
  color: #f8b700;
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width:720px) {
  .SummaryTalents-ModalListItem {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .SummaryTalents-ModalListItem {
    font-size: 1rem;
  }
}
.SummaryTalents-ModalListItem:hover,
.SummaryTalents-ModalListItem:focus {
  color: #ffffff;
}
.SummaryTalents-ModalListItem > .Tooltip-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.SummaryTalents-ModalSpell {
  display: flex;
  align-items: center;
  gap: 8px;
}
.SummaryTalents-NotSelected {
  display: flex;
  align-items: center;
  gap: 12px;
}
.SummaryTalents .Box {
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1) 0s;
}
.PvPTalent-Icon {
  top: 2px;
  left: 2px;
}
.PvPTalent-Icon .GameIcon-icon {
  box-shadow: 0 0 12px #000 inset;
}
.PvPTalent-Icon,
.PvPTalent-IconWrapper {
  -webkit-clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
  clip-path: polygon(25% 5%, 75% 5%, 100% 50%, 75% 95%, 25% 95%, 0% 50%);
}
.PvPTalent-IconWrapper {
  background: #9e0000;
  background: linear-gradient(0deg, #6b0000 0%, #9e0000 100%);
  width: 36px;
  height: 36px;
}
.PvPTalent-IconWrapper--small {
  width: 28px;
  height: 28px;
}
.TalentTile {
  padding: 25px;
  background-size: cover;
}
.TalentTile:hover,
.TalentTile:focus {
  border: 1px solid #f8b700;
}
.TalentTile:hover .TalentTile-Header,
.TalentTile:focus .TalentTile-Header,
.TalentTile:hover .TalentTile-Footer,
.TalentTile:focus .TalentTile-Footer {
  color: #ffffff;
}
.TalentTile:hover .Icon,
.TalentTile:focus .Icon {
  border-color: #ffffff;
}
.TalentTile-Header {
  display: flex;
  color: #f8b700;
}
.TalentTile-Header .SpecIcon {
  border: 1px solid #504137;
}
.TalentTile-Header .SpecIcon .GameIcon-icon {
  border-radius: 0;
}
.TalentTile-Header .status {
  text-transform: uppercase;
}
.TalentTile-Footer {
  color: #f8b700;
}
.TalentTile .Icon {
  border-color: #f8b700;
}
.TalentTile .divider {
  margin: 20px 0;
}
.TalentTile-Body .alignRight {
  text-align: right;
}
.TalentTile-PvP {
  display: flex;
  gap: 12px;
}
.HeroTalentTile-Header {
  display: flex;
  align-items: center;
}
/*# sourceMappingURL=SummaryTalents.css.map */
.ItemSocket {
  position: relative;
  display: inline-block;
  height: 15px;
  width: 15px;
}
.ItemSocket-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(https://s3.amazonaws.com/wow-render-us/icons/tooltips/sockets.png) -45px 0 no-repeat;
}
.ItemSocket-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.ItemSocket--block {
  display: block;
}
.ItemSocket--inline {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
.ItemSocket--RED > .ItemSocket-frame {
  background-position: 0 0;
}
.ItemSocket--PUNCHCARDRED > .ItemSocket-frame {
  background-position: 0 0;
}
.ItemSocket--YELLOW > .ItemSocket-frame {
  background-position: -15px 0;
}
.ItemSocket--PUNCHCARDYELLOW > .ItemSocket-frame {
  background-position: -15px 0;
}
.ItemSocket--BLUE > .ItemSocket-frame {
  background-position: -30px 0;
}
.ItemSocket--PUNCHCARDBLUE > .ItemSocket-frame {
  background-position: -30px 0;
}
.ItemSocket--PRISMATIC > .ItemSocket-frame {
  background-position: -60px 0;
}
/*# sourceMappingURL=ItemSocket.css.map */
.CharacterProfile {
  height: 500px;
  position: relative;
}
@media (min-width:540px) {
  .CharacterProfile {
    height: 600px;
  }
}
@media (min-width:720px) {
  .CharacterProfile {
    height: 640px;
  }
}
@media (min-width:970px) {
  .CharacterProfile {
    height: 700px;
  }
}
@media (min-width:980px) {
  .CharacterProfile {
    height: 840px;
  }
}
.CharacterProfile-render {
  margin: -36% -80px 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
}
@media (min-width:540px) {
  .CharacterProfile-render {
    margin: -36% -50px 0;
  }
}
@media (min-width: 998px) {
  .CharacterProfile-render {
    width: 100%;
    margin: 0 auto;
    top: -33.5%;
    max-width: 940px;
  }
}
.CharacterProfile-bg {
  position: absolute;
}
.CharacterProfile-image {
  z-index: -1;
}
.CharacterProfile-gear {
  position: absolute;
}
.CharacterProfile-item {
  position: relative;
}
.CharacterProfile-textModal {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  padding-right: 30px;
}
@media (min-width:720px) {
  .CharacterProfile-textModal {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .CharacterProfile-textModal {
    font-size: 1rem;
  }
}
.CharacterProfile-textModal.zh-cn,
.zh-cn .CharacterProfile-textModal {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterProfile-textModal.ko-kr,
.ko-kr .CharacterProfile-textModal {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterProfile-textModal.ru-ru,
.ru-ru .CharacterProfile-textModal {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterProfile-textModal.zh-tw,
.zh-tw .CharacterProfile-textModal {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.CharacterProfile-itemIcon {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: 0 0 7px -4px rgba(255, 255, 255, 0.25);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon {
  box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.25);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--ARTIFACT,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--ARTIFACT {
  box-shadow: 0 0 7px 5px rgba(229, 204, 128, 0.3);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--AZERITE,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--AZERITE {
  box-shadow: 0 0 7px 5px rgba(229, 204, 128, 0.3);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--HEIRLOOM,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--HEIRLOOM {
  box-shadow: 0 0 7px 5px rgba(0, 204, 255, 0.25);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--LEGENDARY,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--LEGENDARY {
  box-shadow: 0 0 7px 5px rgba(255, 128, 0, 0.25);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--EPIC,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--EPIC {
  box-shadow: 0 0 7px 5px rgba(198, 0, 255, 0.4);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--RARE,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--RARE {
  box-shadow: 0 0 7px 5px rgba(0, 129, 255, 0.35);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--UNCOMMON,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--UNCOMMON {
  box-shadow: 0 0 7px 5px rgba(30, 255, 0, 0.3);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--COMMON,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--COMMON {
  box-shadow: 0 0 7px 5px rgba(255, 255, 255, 0.25);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemIcon.GameIcon--POOR,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemIcon.GameIcon--POOR {
  box-shadow: 0 0 7px 5px rgba(157, 157, 157, 0.25);
}
.CharacterProfile-itemName {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.CharacterProfile-itemLink:focus .CharacterProfile-itemName,
html:not(.touch) .CharacterProfile-itemLink:hover .CharacterProfile-itemName {
  color: #ffffff;
}
.CharacterProfile-itemDetails {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  line-height: 1.5em;
  display: none;
  position: absolute;
  top: 0;
  width: 300px;
  padding: 4px 16px;
  min-height: 58px;
}
.CharacterProfile-itemDetails.zh-cn,
.zh-cn .CharacterProfile-itemDetails {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.CharacterProfile-itemDetails.ko-kr,
.ko-kr .CharacterProfile-itemDetails {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.CharacterProfile-itemDetails.ru-ru,
.ru-ru .CharacterProfile-itemDetails {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.CharacterProfile-itemDetails.zh-tw,
.zh-tw .CharacterProfile-itemDetails {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
@media (min-width:720px) {
  .CharacterProfile-itemDetails {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .CharacterProfile-itemDetails {
    font-size: 1.2rem;
  }
}
@media (min-width:980px) {
  .CharacterProfile-itemDetails {
    display: block;
  }
}
@media (min-width:1280px) {
  .CharacterProfile-itemDetails {
    padding: 0px 16px;
  }
}
html.filter .CharacterProfile-itemDetails::before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.8);
  filter: blur(50px);
  z-index: -1;
}
.CharacterProfile-itemLevel {
  color: #cacaca;
  font-size: 1rem;
  line-height: 1.5;
  display: table-cell;
}
@media (min-width:720px) {
  .CharacterProfile-itemLevel {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .CharacterProfile-itemLevel {
    font-size: 1rem;
  }
}
.CharacterProfile-itemSockets {
  display: table-cell;
}
.CharacterProfile-gear--left {
  left: 0%;
}
.CharacterProfile-gear--right {
  right: 0%;
}
.CharacterProfile-gear--right::before {
  right: 0;
}
.CharacterProfile-gear--left,
.CharacterProfile-gear--right {
  top: 0;
}
.CharacterProfile-gear--left .CharacterProfile-item,
.CharacterProfile-gear--right .CharacterProfile-item {
  margin: 5px 0;
}
@media (min-width:540px) {
  .CharacterProfile-gear--left .CharacterProfile-item,
  .CharacterProfile-gear--right .CharacterProfile-item {
    margin: 10px 0;
  }
}
.CharacterProfile-gear--bottom {
  display: flex;
  align-items: space-around;
  bottom: 80px;
  width: 100%;
}
.CharacterProfile-gear--bottom .CharacterProfile-item {
  margin: 0 80px;
}
@media (min-width:540px) {
  .CharacterProfile-gear--bottom .CharacterProfile-item {
    margin: 0 3px;
  }
}
.CharacterProfile-gear--bottom .CharacterProfile-item {
  position: absolute;
}
.CharacterProfile-gear--bottom .CharacterProfile-item:first-child {
  left: 50%;
  margin-left: -60px;
}
@media (min-width:980px) {
  .CharacterProfile-gear--bottom .CharacterProfile-item:first-child {
    margin-left: -80px;
  }
}
.CharacterProfile-gear--bottom .CharacterProfile-item:last-child {
  right: 50%;
  margin-right: -60px;
}
@media (min-width:980px) {
  .CharacterProfile-gear--bottom .CharacterProfile-item:last-child {
    margin-right: -80px;
  }
}
.CharacterProfile-gear--left .CharacterProfile-itemDetails,
.CharacterProfile-gear--bottom .CharacterProfile-item:last-child .CharacterProfile-itemDetails {
  left: 100%;
}
.CharacterProfile-gear--right .CharacterProfile-itemDetails,
.CharacterProfile-gear--bottom .CharacterProfile-item:first-child .CharacterProfile-itemDetails {
  right: 100%;
  text-align: right;
}
.CharacterProfile-itemEnchantment {
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width:720px) {
  .CharacterProfile-itemEnchantment {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .CharacterProfile-itemEnchantment {
    font-size: 1rem;
  }
}
.CharacterProfile-itemEnchantment--POOR,
.CharacterProfile-itemEnchantment--COMMON,
.CharacterProfile-itemEnchantment--UNCOMMON,
.CharacterProfile-itemEnchantment--RARE,
.CharacterProfile-itemEnchantment--EPIC,
.CharacterProfile-itemEnchantment--LEGENDARY,
.CharacterProfile-itemEnchantment--HEIRLOOM,
.CharacterProfile-itemEnchantment--ARTIFACT {
  color: #1eff00;
}
html:not(.touch) .CharacterProfile-stat:hover .CharacterProfile-statName {
  text-decoration: underline;
}
/*# sourceMappingURL=CharacterProfile.css.map */
.SummaryCharacter-render {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
  top: -225px;
  mask-image: linear-gradient(0deg, rgba(0, 0, 0, 0), #000000 20%);
}
@media (min-width:540px) {
  .SummaryCharacter-render {
    top: -415px;
  }
}
@media (min-width:720px) {
  .SummaryCharacter-render {
    top: -435px;
  }
}
@media (min-width:970px) {
  .SummaryCharacter-render {
    top: -315px;
  }
}
@media (min-width:980px) {
  .SummaryCharacter-render {
    top: -424px;
  }
}
@media (min-width:1280px) {
  .SummaryCharacter-render {
    top: -416px;
  }
}
@media screen and (min-width: 1450px) {
  .SummaryCharacter-render {
    top: -401px;
  }
}
/*# sourceMappingURL=SummaryCharacter.css.map */
.block {
  display: block !important;
}
.inline {
  display: inline-block !important;
}
.hide {
  display: none !important;
}
.invisible {
  visibility: hidden !important;
}
.preload {
  display: block !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
  position: absolute !important;
  visibility: hidden !important;
  width: 0 !important;
  z-index: -10 !important;
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-visible {
  overflow: visible;
}
.separator-top {
  border-top: 1px solid rgba(170, 170, 170, 0.4);
}
.separator-right {
  border-right: 1px solid rgba(170, 170, 170, 0.4);
}
.separator-bottom {
  border-bottom: 1px solid rgba(170, 170, 170, 0.4);
}
.separator-left {
  border-left: 1px solid rgba(170, 170, 170, 0.4);
}
.separator-top-light {
  border-top: 1px solid rgba(170, 170, 170, 0.2);
}
.separator-right-light {
  border-right: 1px solid rgba(170, 170, 170, 0.2);
}
.separator-bottom-light {
  border-bottom: 1px solid rgba(170, 170, 170, 0.2);
}
.separator-left-light {
  border-left: 1px solid rgba(170, 170, 170, 0.2);
}
.fixed-xsmall {
  width: 180px;
  width: 33vw;
}
.fixed-small {
  width: 220px;
  width: 50vw;
}
.fixed-medium {
  width: 240px;
  width: 65vw;
}
.fixed-normal {
  width: 250px;
  width: 75vw;
}
.fixed-large {
  width: 260px;
  width: 85vw;
}
.fixed-static-xtiny {
  width: 120px;
}
.fixed-static-tiny {
  width: 140px;
}
.fixed-static-xxsmall {
  width: 160px;
}
.fixed-static-xsmall {
  width: 180px;
}
.fixed-static-small {
  width: 220px;
}
.fixed-static-medium {
  width: 240px;
}
.fixed-static-normal {
  width: 250px;
}
.fixed-static-large {
  width: 260px;
}
.fixed-static-huge {
  width: 320px;
}
.contain-tiny {
  margin-left: auto;
  margin-right: auto;
  max-width: 160px;
}
.contain-small {
  margin-left: auto;
  margin-right: auto;
  max-width: 320px;
}
.contain-medium {
  margin-left: auto;
  margin-right: auto;
  max-width: 540px;
}
.contain-large {
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
.contain-masthead {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
.contain-wide {
  margin-left: auto;
  margin-right: auto;
  max-width: 980px;
}
.contain-huge {
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
}
.contain-max {
  margin-left: auto;
  margin-right: auto;
  max-width: 1600px;
}
.contain-edge {
  margin-left: auto;
  margin-right: auto;
  max-width: 2400px;
}
.contain-center {
  margin-left: auto;
  margin-right: auto;
}
.contain-left {
  margin-left: 0;
}
.contain-right {
  margin-right: 0;
}
.color-inherit {
  color: inherit;
}
.color-silver {
  color: #aaaaaa;
}
.color-charcoal {
  color: #222222;
}
.color-semi-opaque {
  color: rgba(255, 255, 255, 0.6);
}
.color-brown-dark {
  color: #211510;
}
.color-brown-medium {
  color: #352011;
}
.color-brown-light {
  color: #504137;
}
.color-red-dark {
  color: #561200;
}
.color-red-medium {
  color: #961901;
}
.color-red-light {
  color: #cc3501;
}
.color-green-dark {
  color: #91c24e;
}
.color-green-medium {
  color: #1b9601;
}
.color-green-light {
  color: #00ff00;
}
.color-beige-dark {
  color: #b1997f;
}
.color-beige-medium {
  color: #ebdec2;
}
.color-beige-light {
  color: #f3eee2;
}
.color-blue-dark {
  color: #040f1a;
}
.color-blue-medium {
  color: #09273e;
}
.color-blue-light {
  color: #2a4b71;
}
.color-gold-dark {
  color: #853500;
}
.color-gold-medium {
  color: #c76700;
}
.color-gold-light {
  color: #f8b700;
}
.color-orange-medium {
  color: #c76700;
}
.color-orange-light {
  color: #ff7200;
}
.color-monochrome-black {
  color: #000000;
}
.color-monochrome-gray {
  color: #cacaca;
}
.color-monochrome-gray-dark {
  color: #777777;
}
.color-monochrome-white {
  color: #ffffff;
}
.color-legion-dark {
  color: #0f1d0d;
}
.color-legion-medium {
  color: #1b3e13;
}
.color-legion-light {
  color: #13ff29;
}
.color-status-success {
  color: #00ff00;
}
.color-status-warning {
  color: #c76700;
}
.color-status-error {
  color: #db2300;
}
.color-faction-ALLIANCE {
  color: #0078ff;
}
.color-faction-HORDE {
  color: #b30000;
}
.color-progress-high {
  color: #1b9601;
}
.color-progress-medium {
  color: #c76700;
}
.color-progress-low {
  color: #99755c;
}
.color-expansion-CLASSIC {
  color: #fff468;
}
.color-expansion-BC {
  color: #aad372;
}
.color-expansion-WOTLK {
  color: #68ccef;
}
.color-expansion-CATA {
  color: #ff7c0a;
}
.color-expansion-MISTS {
  color: #00ffba;
}
.color-expansion-WARLORDS {
  color: #ff320a;
}
.color-expansion-LEGION {
  color: #a8ff00;
}
.color-expansion-DEFAULT {
  color: #b1997f;
}
.color-class-DEATHKNIGHT {
  color: #c41e3b;
}
.color-class-DEATHKNIGHT-bg {
  color: #080812;
}
.color-class-DEATHKNIGHT-onDark {
  color: #c41e3b;
}
.color-class-DEMONHUNTER {
  color: #a330c9;
}
.color-class-DEMONHUNTER-bg {
  color: #0a1004;
}
.color-class-DEMONHUNTER-onDark {
  color: #a330c9;
}
.color-class-DRUID {
  color: #ff7c0a;
}
.color-class-DRUID-bg {
  color: #000d07;
}
.color-class-DRUID-onDark {
  color: #ff7c0a;
}
.color-class-EVOKER {
  color: #33937f;
}
.color-class-EVOKER-onDark {
  color: #33937f;
}
.color-class-HUNTER {
  color: #7ba93d;
}
.color-class-HUNTER-bg {
  color: #07030d;
}
.color-class-HUNTER-onDark {
  color: #aad372;
}
.color-class-MAGE {
  color: #46b1d6;
}
.color-class-MAGE-bg {
  color: #110617;
}
.color-class-MAGE-onDark {
  color: #68ccef;
}
.color-class-MONK {
  color: #0ac895;
}
.color-class-MONK-bg {
  color: #04110c;
}
.color-class-MONK-onDark {
  color: #00ffba;
}
.color-class-PALADIN {
  color: #f48cba;
}
.color-class-PALADIN-bg {
  color: #13040a;
}
.color-class-PALADIN-onDark {
  color: #f48cba;
}
.color-class-PRIEST {
  color: #817d73;
}
.color-class-PRIEST-bg {
  color: #1a0812;
}
.color-class-PRIEST-onDark {
  color: #f0ebe0;
}
.color-class-ROGUE {
  color: #aba14f;
}
.color-class-ROGUE-bg {
  color: #150d1a;
}
.color-class-ROGUE-onDark {
  color: #fff468;
}
.color-class-SHAMAN {
  color: #2359ff;
}
.color-class-SHAMAN-bg {
  color: #040414;
}
.color-class-SHAMAN-onDark {
  color: #2359ff;
}
.color-class-WARLOCK {
  color: #9382c9;
}
.color-class-WARLOCK-bg {
  color: #15121f;
}
.color-class-WARLOCK-onDark {
  color: #9382c9;
}
.color-class-WARRIOR {
  color: #af7c46;
}
.color-class-WARRIOR-bg {
  color: #1a0407;
}
.color-class-WARRIOR-onDark {
  color: #c69b6d;
}
.color-class-TANK {
  color: #285ac0;
}
.color-class-HEALER {
  color: #27a964;
}
.color-class-DAMAGE {
  color: #9a0000;
}
.color-stat-HEALTH {
  color: #27cc4e;
}
.color-stat-STAMINA {
  color: #ff8b2d;
}
.color-stat-ENERGY {
  color: #cb9501;
}
.color-stat-FOCUS {
  color: #d45719;
}
.color-stat-FURY {
  color: #8400ff;
}
.color-stat-INSANITY {
  color: #6600ff;
}
.color-stat-MAELSTROM {
  color: #008fff;
}
.color-stat-MANA {
  color: #1c8aff;
}
.color-stat-PAIN {
  color: #d45719;
}
.color-stat-RAGE {
  color: #ab0000;
}
.color-stat-RUNICPOWER {
  color: #00bcde;
}
.color-stat-AGILITY {
  color: #ffd955;
}
.color-stat-INTELLECT {
  color: #d26cd1;
}
.color-stat-STRENGTH {
  color: #f33232;
}
.color-stat-CRITICALSTRIKE {
  color: #e01c1c;
}
.color-stat-HASTE {
  color: #0ed59b;
}
.color-stat-MASTERY {
  color: #9256ff;
}
.color-stat-VERSATILITY {
  color: #bfbfbf;
}
.color-quality-ARTIFACT {
  color: #e5cc80;
}
.color-quality-AZERITE {
  color: #e5cc80;
}
.color-quality-HEIRLOOM {
  color: #00ccff;
}
.color-quality-LEGENDARY {
  color: #ff8000;
}
.color-quality-EPIC {
  color: #c600ff;
}
.color-quality-RARE {
  color: #0081ff;
}
.color-quality-UNCOMMON {
  color: #1eff00;
}
.color-quality-COMMON {
  color: #ffffff;
}
.color-quality-POOR {
  color: #9d9d9d;
}
.color-win {
  color: #00ff00;
}
.color-loss {
  color: #db2300;
}
.text-gradient-legion {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffec71 100%);
  background-size: 1em 1em;
  color: #ffec71;
  display: inline-block;
  line-height: 1em;
  text-shadow: none;
}
.text-gradient-ocho-title {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #c6c6c6 7%, #ffffff 20%, #cfcfcf 38%, #fef9ef 68%, #c7beac 83%, #dccdbc 100%);
  background-size: 1em 1em;
  background-position: center;
  color: #c6c6c6;
  display: inline-block;
  line-height: 1.3em;
  text-shadow: none;
  position: relative;
}
.text-gradient-ocho-title:before {
  display: inline-block;
  content: attr(data-text);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  text-shadow: 0 1px 9px rgba(0, 0, 0, 0.7), 0 1px 9px rgba(0, 0, 0, 0.7);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.7);
}
.text-gradient-ocho-subtitle {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(top, #ede0c9 20%, #8a7e66 100%);
  background-size: 1.3em 1.3em;
  background-position: top;
  color: #ede0c9;
  display: inline-block;
  line-height: 1.3em;
  text-shadow: none;
  position: relative;
}
.text-gradient-ocho-subtitle:before {
  display: inline-block;
  content: attr(data-text);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  text-shadow: 0 1px 7px rgba(0, 0, 0, 0.7), 0 1px 7px rgba(0, 0, 0, 0.7);
}
.border-color-inherit {
  border-color: inherit;
}
.columns-1 {
  column-count: 1;
  column-gap: 20px;
}
.columns-2 {
  column-count: 2;
  column-gap: 20px;
}
.columns-3 {
  column-count: 3;
  column-gap: 20px;
}
.columns-4 {
  column-count: 4;
  column-gap: 20px;
}
.columns-5 {
  column-count: 5;
  column-gap: 20px;
}
.text-reset {
  text-transform: inherit;
  text-decoration: inherit;
  font-style: inherit;
  font-weight: inherit;
}
.text-none {
  text-transform: none;
}
.text-lower {
  text-transform: lowercase;
}
.text-upper {
  text-transform: uppercase;
}
.text-capital {
  text-transform: capitalize;
}
.text-break {
  word-break: break-all;
}
.text-nowrap {
  white-space: nowrap;
}
.text-wrap {
  width: auto;
  word-wrap: break-word;
}
.text-keepall {
  word-break: keep-all;
}
.text-italic {
  font-style: italic;
}
.text-no-sizing {
  font-size: 0;
  line-height: 0;
}
.text-hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.text-align-center {
  text-align: center;
}
.textShadow-small-white {
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(255, 255, 255, 0.8);
}
.textShadow-small-black {
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
}
.textShadow-large-white {
  text-shadow: 0 0 1px transparent, 0px 0px 5px rgba(255, 255, 255, 0.8);
}
.textShadow-large-black {
  text-shadow: 0 0 1px transparent, 0px 0px 5px rgba(0, 0, 0, 0.8);
}
.textShadow-xlarge-black {
  text-shadow: 0 0 1px transparent, 0px 0px 5px #000000, 0px 2px 2px #000000;
}
.textShadow-none {
  text-shadow: none;
}
.lineHeight-fontSize {
  line-height: 1;
}
.lineHeight-small {
  line-height: 0.75em;
}
.lineHeight-large {
  line-height: 1.2em;
}
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align: justify;
}
.gutter-tiny {
  padding: 0 5px;
}
.gutter-tiny.gutter-vertical {
  padding: 5px 0;
}
.gutter-tiny.gutter-all {
  padding: 5px;
}
.gutter-tiny.gutter-negative {
  padding: 0;
  margin: 0 -5px;
}
.gutter-tiny.gutter-negative.gutter-vertical {
  margin: -5px 0;
}
.gutter-tiny.gutter-negative.gutter-all {
  margin: -5px;
}
.gutter-small {
  padding: 0 10px;
}
.gutter-small.gutter-vertical {
  padding: 10px 0;
}
.gutter-small.gutter-all {
  padding: 10px;
}
.gutter-small.gutter-negative {
  padding: 0;
  margin: 0 -10px;
}
.gutter-small.gutter-negative.gutter-vertical {
  margin: -10px 0;
}
.gutter-small.gutter-negative.gutter-all {
  margin: -10px;
}
.gutter-normal {
  padding: 0 20px;
}
.gutter-normal.gutter-vertical {
  padding: 20px 0;
}
.gutter-normal.gutter-all {
  padding: 20px;
}
.gutter-normal.gutter-negative {
  padding: 0;
  margin: 0 -20px;
}
.gutter-normal.gutter-negative.gutter-vertical {
  margin: -20px 0;
}
.gutter-normal.gutter-negative.gutter-all {
  margin: -20px;
}
.gutter-medium {
  padding: 0 40px;
}
.gutter-medium.gutter-vertical {
  padding: 40px 0;
}
.gutter-medium.gutter-all {
  padding: 40px;
}
.gutter-medium.gutter-negative {
  padding: 0;
  margin: 0 -40px;
}
.gutter-medium.gutter-negative.gutter-vertical {
  margin: -40px 0;
}
.gutter-medium.gutter-negative.gutter-all {
  margin: -40px;
}
.gutter-large {
  padding: 0 60px;
}
.gutter-large.gutter-vertical {
  padding: 60px 0;
}
.gutter-large.gutter-all {
  padding: 60px;
}
.gutter-large.gutter-negative {
  padding: 0;
  margin: 0 -60px;
}
.gutter-large.gutter-negative.gutter-vertical {
  margin: -60px 0;
}
.gutter-large.gutter-negative.gutter-all {
  margin: -60px;
}
.gutter-pane {
  padding: 0 160px;
}
.gutter-pane.gutter-vertical {
  padding: 160px 0;
}
.gutter-pane.gutter-all {
  padding: 160px;
}
.gutter-pane.gutter-negative {
  padding: 0;
  margin: 0 -160px;
}
.gutter-pane.gutter-negative.gutter-vertical {
  margin: -160px 0;
}
.gutter-pane.gutter-negative.gutter-all {
  margin: -160px;
}
.gutter-panel {
  padding: 0 10%;
}
.gutter-panel.gutter-vertical {
  padding: 10% 0;
}
.gutter-panel.gutter-all {
  padding: 10%;
}
.gutter-panel.gutter-negative {
  padding: 0;
  margin: 0 -10%;
}
.gutter-panel.gutter-negative.gutter-vertical {
  margin: -10% 0;
}
.gutter-panel.gutter-negative.gutter-all {
  margin: -10%;
}
.escape-gutter {
  margin-left: -20px;
  margin-right: -20px;
}
.gutter-medium-left {
  padding-left: 40px;
}
.gutter-medium-right {
  padding-right: 40px;
}
.gutter-medium-top {
  padding-top: 40px;
}
.gutter-medium-bottom {
  padding-bottom: 40px;
}
.gutter-normal-left {
  padding-left: 20px;
}
.gutter-normal-right {
  padding-right: 20px;
}
.gutter-normal-top {
  padding-top: 20px;
}
.gutter-normal-bottom {
  padding-bottom: 20px;
}
.gutter-small-left {
  padding-left: 10px;
}
.gutter-small-right {
  padding-right: 10px;
}
.gutter-small-top {
  padding-top: 10px;
}
.gutter-small-bottom {
  padding-bottom: 10px;
}
.gutter-tiny-left {
  padding-left: 5px;
}
.gutter-tiny-right {
  padding-right: 5px;
}
.gutter-tiny-top {
  padding-top: 5px;
}
.gutter-tiny-bottom {
  padding-bottom: 5px;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-top {
  position: absolute;
  top: 0;
}
.position-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.position-bottom {
  position: absolute;
  bottom: 0;
}
.position-left {
  position: absolute;
  left: 0;
}
.position-center {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.position-right {
  position: absolute;
  right: 0;
}
.position-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.section-top {
  position: absolute;
  top: 0;
  width: 100%;
}
.section-middle {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.section-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.section-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.bordered {
  position: relative;
}
.bordered::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.08);
  content: '';
  display: block;
  pointer-events: none;
  z-index: 1;
}
.z-index-base {
  z-index: 0;
}
body.z-index-reset .z-index-base,
body.z-index-reset-full .z-index-base {
  z-index: auto;
  z-index: initial;
}
.z-index-above {
  z-index: 1;
}
.z-index-sticky {
  z-index: 2;
}
.pointer-events-none {
  pointer-events: none;
}
.no-focus:focus {
  outline: none;
}
.default-focus-outline:focus-visible {
  outline: 1px dotted #212121;
  outline: 5px auto -webkit-focus-ring-color;
}
.min-height-full {
  min-height: 100vh;
}
.vertical-align-top {
  vertical-align: top;
}
.vertical-align-bottom {
  vertical-align: bottom;
}
.cursor-pointer {
  cursor: pointer;
}
.width-full {
  width: 100%;
}
.max-width-none-important {
  max-width: none !important;
}
.height-full {
  height: 100%;
}
.clearfix {
  clear: both;
}
.clearfix:after {
  content: '';
  clear: both;
  display: block;
}
.display-grid {
  display: grid;
  align-items: center;
}
.display-grid-two-column {
  grid-template-columns: auto auto;
}
.flex {
  display: flex;
}
.flex-items-center {
  align-items: center;
}
.flex-items-start {
  align-items: flex-start;
}
.flex-items-end {
  align-items: flex-end;
}
.flex-justify-center {
  justify-content: center;
}
.flex-justify-start {
  justify-content: start;
}
.flex-justify-end {
  justify-content: end;
}
.flex-justify-space {
  justify-content: space-between;
}
.flex-justify-space-around {
  justify-content: space-around;
}
.flex-grow {
  flex-grow: 1;
}
.flex-wrap {
  flex-wrap: wrap;
}
.float-right {
  float: right;
}
.float-left {
  float: left;
}
.float-none {
  float: none;
}
.flex-column {
  flex-direction: column;
}
.flex-order-first {
  order: 1;
}
.flex-equal {
  flex: 1;
}
.flex-order-last {
  order: 999;
}
.space-none {
  height: 0;
}
.space-none.space-negative {
  height: 0;
  margin-top: 0;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-top-double-none {
  margin-top: 0 !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-bottom-double-none {
  margin-bottom: 0 !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
.margin-left-double-none {
  margin-left: 0 !important;
}
.margin-right-none {
  margin-right: 0 !important;
}
.margin-right-double-none {
  margin-right: 0 !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-top-none {
  padding-top: 0 !important;
}
.padding-top-double-none {
  padding-top: 0 !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.padding-bottom-double-none {
  padding-bottom: 0 !important;
}
.padding-bottom-quad-none {
  padding-bottom: 0 !important;
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-left-double-none {
  padding-left: 0 !important;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-right-double-none {
  padding-right: 0 !important;
}
.gap-none {
  gap: 0;
}
.space-tiny {
  height: 2px;
}
.space-tiny.space-negative {
  height: 0;
  margin-top: -2px;
}
.margin-top-tiny {
  margin-top: 2px !important;
}
.margin-top-double-tiny {
  margin-top: 4px !important;
}
.margin-bottom-tiny {
  margin-bottom: 2px !important;
}
.margin-bottom-double-tiny {
  margin-bottom: 4px !important;
}
.margin-left-tiny {
  margin-left: 2px !important;
}
.margin-left-double-tiny {
  margin-left: 4px !important;
}
.margin-right-tiny {
  margin-right: 2px !important;
}
.margin-right-double-tiny {
  margin-right: 4px !important;
}
.padding-tiny {
  padding: 2px !important;
}
.padding-top-tiny {
  padding-top: 2px !important;
}
.padding-top-double-tiny {
  padding-top: 4px !important;
}
.padding-bottom-tiny {
  padding-bottom: 2px !important;
}
.padding-bottom-double-tiny {
  padding-bottom: 4px !important;
}
.padding-bottom-quad-tiny {
  padding-bottom: 8px !important;
}
.padding-left-tiny {
  padding-left: 2px !important;
}
.padding-left-double-tiny {
  padding-left: 4px !important;
}
.padding-right-tiny {
  padding-right: 2px !important;
}
.padding-right-double-tiny {
  padding-right: 4px !important;
}
.gap-tiny {
  gap: 2px;
}
.space-xSmall {
  height: 5px;
}
.space-xSmall.space-negative {
  height: 0;
  margin-top: -5px;
}
.margin-top-xSmall {
  margin-top: 5px !important;
}
.margin-top-double-xSmall {
  margin-top: 10px !important;
}
.margin-bottom-xSmall {
  margin-bottom: 5px !important;
}
.margin-bottom-double-xSmall {
  margin-bottom: 10px !important;
}
.margin-left-xSmall {
  margin-left: 5px !important;
}
.margin-left-double-xSmall {
  margin-left: 10px !important;
}
.margin-right-xSmall {
  margin-right: 5px !important;
}
.margin-right-double-xSmall {
  margin-right: 10px !important;
}
.padding-xSmall {
  padding: 5px !important;
}
.padding-top-xSmall {
  padding-top: 5px !important;
}
.padding-top-double-xSmall {
  padding-top: 10px !important;
}
.padding-bottom-xSmall {
  padding-bottom: 5px !important;
}
.padding-bottom-double-xSmall {
  padding-bottom: 10px !important;
}
.padding-bottom-quad-xSmall {
  padding-bottom: 20px !important;
}
.padding-left-xSmall {
  padding-left: 5px !important;
}
.padding-left-double-xSmall {
  padding-left: 10px !important;
}
.padding-right-xSmall {
  padding-right: 5px !important;
}
.padding-right-double-xSmall {
  padding-right: 10px !important;
}
.gap-xSmall {
  gap: 5px;
}
.space-small {
  height: 10px;
}
.space-small.space-negative {
  height: 0;
  margin-top: -10px;
}
.margin-top-small {
  margin-top: 10px !important;
}
.margin-top-double-small {
  margin-top: 20px !important;
}
.margin-bottom-small {
  margin-bottom: 10px !important;
}
.margin-bottom-double-small {
  margin-bottom: 20px !important;
}
.margin-left-small {
  margin-left: 10px !important;
}
.margin-left-double-small {
  margin-left: 20px !important;
}
.margin-right-small {
  margin-right: 10px !important;
}
.margin-right-double-small {
  margin-right: 20px !important;
}
.padding-small {
  padding: 10px !important;
}
.padding-top-small {
  padding-top: 10px !important;
}
.padding-top-double-small {
  padding-top: 20px !important;
}
.padding-bottom-small {
  padding-bottom: 10px !important;
}
.padding-bottom-double-small {
  padding-bottom: 20px !important;
}
.padding-bottom-quad-small {
  padding-bottom: 40px !important;
}
.padding-left-small {
  padding-left: 10px !important;
}
.padding-left-double-small {
  padding-left: 20px !important;
}
.padding-right-small {
  padding-right: 10px !important;
}
.padding-right-double-small {
  padding-right: 20px !important;
}
.gap-small {
  gap: 10px;
}
.space-normal {
  height: 20px;
}
.space-normal.space-negative {
  height: 0;
  margin-top: -20px;
}
.margin-top-normal {
  margin-top: 20px !important;
}
.margin-top-double-normal {
  margin-top: 40px !important;
}
.margin-bottom-normal {
  margin-bottom: 20px !important;
}
.margin-bottom-double-normal {
  margin-bottom: 40px !important;
}
.margin-left-normal {
  margin-left: 20px !important;
}
.margin-left-double-normal {
  margin-left: 40px !important;
}
.margin-right-normal {
  margin-right: 20px !important;
}
.margin-right-double-normal {
  margin-right: 40px !important;
}
.padding-normal {
  padding: 20px !important;
}
.padding-top-normal {
  padding-top: 20px !important;
}
.padding-top-double-normal {
  padding-top: 40px !important;
}
.padding-bottom-normal {
  padding-bottom: 20px !important;
}
.padding-bottom-double-normal {
  padding-bottom: 40px !important;
}
.padding-bottom-quad-normal {
  padding-bottom: 80px !important;
}
.padding-left-normal {
  padding-left: 20px !important;
}
.padding-left-double-normal {
  padding-left: 40px !important;
}
.padding-right-normal {
  padding-right: 20px !important;
}
.padding-right-double-normal {
  padding-right: 40px !important;
}
.gap-normal {
  gap: 20px;
}
.space-medium {
  height: 40px;
}
.space-medium.space-negative {
  height: 0;
  margin-top: -40px;
}
.margin-top-medium {
  margin-top: 40px !important;
}
.margin-top-double-medium {
  margin-top: 80px !important;
}
.margin-bottom-medium {
  margin-bottom: 40px !important;
}
.margin-bottom-double-medium {
  margin-bottom: 80px !important;
}
.margin-left-medium {
  margin-left: 40px !important;
}
.margin-left-double-medium {
  margin-left: 80px !important;
}
.margin-right-medium {
  margin-right: 40px !important;
}
.margin-right-double-medium {
  margin-right: 80px !important;
}
.padding-medium {
  padding: 40px !important;
}
.padding-top-medium {
  padding-top: 40px !important;
}
.padding-top-double-medium {
  padding-top: 80px !important;
}
.padding-bottom-medium {
  padding-bottom: 40px !important;
}
.padding-bottom-double-medium {
  padding-bottom: 80px !important;
}
.padding-bottom-quad-medium {
  padding-bottom: 160px !important;
}
.padding-left-medium {
  padding-left: 40px !important;
}
.padding-left-double-medium {
  padding-left: 80px !important;
}
.padding-right-medium {
  padding-right: 40px !important;
}
.padding-right-double-medium {
  padding-right: 80px !important;
}
.gap-medium {
  gap: 40px;
}
.space-large {
  height: 60px;
}
.space-large.space-negative {
  height: 0;
  margin-top: -60px;
}
.margin-top-large {
  margin-top: 60px !important;
}
.margin-top-double-large {
  margin-top: 120px !important;
}
.margin-bottom-large {
  margin-bottom: 60px !important;
}
.margin-bottom-double-large {
  margin-bottom: 120px !important;
}
.margin-left-large {
  margin-left: 60px !important;
}
.margin-left-double-large {
  margin-left: 120px !important;
}
.margin-right-large {
  margin-right: 60px !important;
}
.margin-right-double-large {
  margin-right: 120px !important;
}
.padding-large {
  padding: 60px !important;
}
.padding-top-large {
  padding-top: 60px !important;
}
.padding-top-double-large {
  padding-top: 120px !important;
}
.padding-bottom-large {
  padding-bottom: 60px !important;
}
.padding-bottom-double-large {
  padding-bottom: 120px !important;
}
.padding-bottom-quad-large {
  padding-bottom: 240px !important;
}
.padding-left-large {
  padding-left: 60px !important;
}
.padding-left-double-large {
  padding-left: 120px !important;
}
.padding-right-large {
  padding-right: 60px !important;
}
.padding-right-double-large {
  padding-right: 120px !important;
}
.gap-large {
  gap: 60px;
}
.space-huge {
  height: 100px;
}
.space-huge.space-negative {
  height: 0;
  margin-top: -100px;
}
.margin-top-huge {
  margin-top: 100px !important;
}
.margin-top-double-huge {
  margin-top: 200px !important;
}
.margin-bottom-huge {
  margin-bottom: 100px !important;
}
.margin-bottom-double-huge {
  margin-bottom: 200px !important;
}
.margin-left-huge {
  margin-left: 100px !important;
}
.margin-left-double-huge {
  margin-left: 200px !important;
}
.margin-right-huge {
  margin-right: 100px !important;
}
.margin-right-double-huge {
  margin-right: 200px !important;
}
.padding-huge {
  padding: 100px !important;
}
.padding-top-huge {
  padding-top: 100px !important;
}
.padding-top-double-huge {
  padding-top: 200px !important;
}
.padding-bottom-huge {
  padding-bottom: 100px !important;
}
.padding-bottom-double-huge {
  padding-bottom: 200px !important;
}
.padding-bottom-quad-huge {
  padding-bottom: 400px !important;
}
.padding-left-huge {
  padding-left: 100px !important;
}
.padding-left-double-huge {
  padding-left: 200px !important;
}
.padding-right-huge {
  padding-right: 100px !important;
}
.padding-right-double-huge {
  padding-right: 200px !important;
}
.gap-huge {
  gap: 100px;
}
@media (min-width:320px) {
  .space-none-screen-small {
    height: 0;
  }
  .space-none-screen-small.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-small {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-small {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-small {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-small {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-small {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-small {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-small {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-small {
    margin-right: 0 !important;
  }
  .padding-none-screen-small {
    padding: 0 !important;
  }
  .padding-top-none-screen-small {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-small {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-small {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-small {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-small {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-small {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-small {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-small {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-small {
    padding-right: 0 !important;
  }
  .gap-none-screen-small {
    gap: 0;
  }
  .space-tiny-screen-small {
    height: 2px;
  }
  .space-tiny-screen-small.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-small {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-small {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-small {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-small {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-small {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-small {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-small {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-small {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-small {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-small {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-small {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-small {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-small {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-small {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-small {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-small {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-small {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-small {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-small {
    gap: 2px;
  }
  .space-xSmall-screen-small {
    height: 5px;
  }
  .space-xSmall-screen-small.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-small {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-small {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-small {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-small {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-small {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-small {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-small {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-small {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-small {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-small {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-small {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-small {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-small {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-small {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-small {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-small {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-small {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-small {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-small {
    gap: 5px;
  }
  .space-small-screen-small {
    height: 10px;
  }
  .space-small-screen-small.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-small {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-small {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-small {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-small {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-small {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-small {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-small {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-small {
    margin-right: 20px !important;
  }
  .padding-small-screen-small {
    padding: 10px !important;
  }
  .padding-top-small-screen-small {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-small {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-small {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-small {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-small {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-small {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-small {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-small {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-small {
    padding-right: 20px !important;
  }
  .gap-small-screen-small {
    gap: 10px;
  }
  .space-normal-screen-small {
    height: 20px;
  }
  .space-normal-screen-small.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-small {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-small {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-small {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-small {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-small {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-small {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-small {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-small {
    margin-right: 40px !important;
  }
  .padding-normal-screen-small {
    padding: 20px !important;
  }
  .padding-top-normal-screen-small {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-small {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-small {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-small {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-small {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-small {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-small {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-small {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-small {
    padding-right: 40px !important;
  }
  .gap-normal-screen-small {
    gap: 20px;
  }
  .space-medium-screen-small {
    height: 40px;
  }
  .space-medium-screen-small.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-small {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-small {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-small {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-small {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-small {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-small {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-small {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-small {
    margin-right: 80px !important;
  }
  .padding-medium-screen-small {
    padding: 40px !important;
  }
  .padding-top-medium-screen-small {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-small {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-small {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-small {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-small {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-small {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-small {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-small {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-small {
    padding-right: 80px !important;
  }
  .gap-medium-screen-small {
    gap: 40px;
  }
  .space-large-screen-small {
    height: 60px;
  }
  .space-large-screen-small.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-small {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-small {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-small {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-small {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-small {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-small {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-small {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-small {
    margin-right: 120px !important;
  }
  .padding-large-screen-small {
    padding: 60px !important;
  }
  .padding-top-large-screen-small {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-small {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-small {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-small {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-small {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-small {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-small {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-small {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-small {
    padding-right: 120px !important;
  }
  .gap-large-screen-small {
    gap: 60px;
  }
  .space-huge-screen-small {
    height: 100px;
  }
  .space-huge-screen-small.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-small {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-small {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-small {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-small {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-small {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-small {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-small {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-small {
    margin-right: 200px !important;
  }
  .padding-huge-screen-small {
    padding: 100px !important;
  }
  .padding-top-huge-screen-small {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-small {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-small {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-small {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-small {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-small {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-small {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-small {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-small {
    padding-right: 200px !important;
  }
  .gap-huge-screen-small {
    gap: 100px;
  }
}
@media (min-width:540px) {
  .space-none-screen-medium {
    height: 0;
  }
  .space-none-screen-medium.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-medium {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-medium {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-medium {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-medium {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-medium {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-medium {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-medium {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-medium {
    margin-right: 0 !important;
  }
  .padding-none-screen-medium {
    padding: 0 !important;
  }
  .padding-top-none-screen-medium {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-medium {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-medium {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-medium {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-medium {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-medium {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-medium {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-medium {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-medium {
    padding-right: 0 !important;
  }
  .gap-none-screen-medium {
    gap: 0;
  }
  .space-tiny-screen-medium {
    height: 2px;
  }
  .space-tiny-screen-medium.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-medium {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-medium {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-medium {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-medium {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-medium {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-medium {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-medium {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-medium {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-medium {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-medium {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-medium {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-medium {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-medium {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-medium {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-medium {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-medium {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-medium {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-medium {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-medium {
    gap: 2px;
  }
  .space-xSmall-screen-medium {
    height: 5px;
  }
  .space-xSmall-screen-medium.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-medium {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-medium {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-medium {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-medium {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-medium {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-medium {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-medium {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-medium {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-medium {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-medium {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-medium {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-medium {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-medium {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-medium {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-medium {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-medium {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-medium {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-medium {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-medium {
    gap: 5px;
  }
  .space-small-screen-medium {
    height: 10px;
  }
  .space-small-screen-medium.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-medium {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-medium {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-medium {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-medium {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-medium {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-medium {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-medium {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-medium {
    margin-right: 20px !important;
  }
  .padding-small-screen-medium {
    padding: 10px !important;
  }
  .padding-top-small-screen-medium {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-medium {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-medium {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-medium {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-medium {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-medium {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-medium {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-medium {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-medium {
    padding-right: 20px !important;
  }
  .gap-small-screen-medium {
    gap: 10px;
  }
  .space-normal-screen-medium {
    height: 20px;
  }
  .space-normal-screen-medium.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-medium {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-medium {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-medium {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-medium {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-medium {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-medium {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-medium {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-medium {
    margin-right: 40px !important;
  }
  .padding-normal-screen-medium {
    padding: 20px !important;
  }
  .padding-top-normal-screen-medium {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-medium {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-medium {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-medium {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-medium {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-medium {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-medium {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-medium {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-medium {
    padding-right: 40px !important;
  }
  .gap-normal-screen-medium {
    gap: 20px;
  }
  .space-medium-screen-medium {
    height: 40px;
  }
  .space-medium-screen-medium.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-medium {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-medium {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-medium {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-medium {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-medium {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-medium {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-medium {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-medium {
    margin-right: 80px !important;
  }
  .padding-medium-screen-medium {
    padding: 40px !important;
  }
  .padding-top-medium-screen-medium {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-medium {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-medium {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-medium {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-medium {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-medium {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-medium {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-medium {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-medium {
    padding-right: 80px !important;
  }
  .gap-medium-screen-medium {
    gap: 40px;
  }
  .space-large-screen-medium {
    height: 60px;
  }
  .space-large-screen-medium.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-medium {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-medium {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-medium {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-medium {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-medium {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-medium {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-medium {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-medium {
    margin-right: 120px !important;
  }
  .padding-large-screen-medium {
    padding: 60px !important;
  }
  .padding-top-large-screen-medium {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-medium {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-medium {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-medium {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-medium {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-medium {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-medium {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-medium {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-medium {
    padding-right: 120px !important;
  }
  .gap-large-screen-medium {
    gap: 60px;
  }
  .space-huge-screen-medium {
    height: 100px;
  }
  .space-huge-screen-medium.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-medium {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-medium {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-medium {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-medium {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-medium {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-medium {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-medium {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-medium {
    margin-right: 200px !important;
  }
  .padding-huge-screen-medium {
    padding: 100px !important;
  }
  .padding-top-huge-screen-medium {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-medium {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-medium {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-medium {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-medium {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-medium {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-medium {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-medium {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-medium {
    padding-right: 200px !important;
  }
  .gap-huge-screen-medium {
    gap: 100px;
  }
}
@media (min-width:720px) {
  .space-none-screen-large {
    height: 0;
  }
  .space-none-screen-large.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-large {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-large {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-large {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-large {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-large {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-large {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-large {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-large {
    margin-right: 0 !important;
  }
  .padding-none-screen-large {
    padding: 0 !important;
  }
  .padding-top-none-screen-large {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-large {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-large {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-large {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-large {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-large {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-large {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-large {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-large {
    padding-right: 0 !important;
  }
  .gap-none-screen-large {
    gap: 0;
  }
  .space-tiny-screen-large {
    height: 2px;
  }
  .space-tiny-screen-large.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-large {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-large {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-large {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-large {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-large {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-large {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-large {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-large {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-large {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-large {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-large {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-large {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-large {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-large {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-large {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-large {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-large {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-large {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-large {
    gap: 2px;
  }
  .space-xSmall-screen-large {
    height: 5px;
  }
  .space-xSmall-screen-large.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-large {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-large {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-large {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-large {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-large {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-large {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-large {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-large {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-large {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-large {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-large {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-large {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-large {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-large {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-large {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-large {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-large {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-large {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-large {
    gap: 5px;
  }
  .space-small-screen-large {
    height: 10px;
  }
  .space-small-screen-large.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-large {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-large {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-large {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-large {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-large {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-large {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-large {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-large {
    margin-right: 20px !important;
  }
  .padding-small-screen-large {
    padding: 10px !important;
  }
  .padding-top-small-screen-large {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-large {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-large {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-large {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-large {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-large {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-large {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-large {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-large {
    padding-right: 20px !important;
  }
  .gap-small-screen-large {
    gap: 10px;
  }
  .space-normal-screen-large {
    height: 20px;
  }
  .space-normal-screen-large.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-large {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-large {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-large {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-large {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-large {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-large {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-large {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-large {
    margin-right: 40px !important;
  }
  .padding-normal-screen-large {
    padding: 20px !important;
  }
  .padding-top-normal-screen-large {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-large {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-large {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-large {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-large {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-large {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-large {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-large {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-large {
    padding-right: 40px !important;
  }
  .gap-normal-screen-large {
    gap: 20px;
  }
  .space-medium-screen-large {
    height: 40px;
  }
  .space-medium-screen-large.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-large {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-large {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-large {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-large {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-large {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-large {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-large {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-large {
    margin-right: 80px !important;
  }
  .padding-medium-screen-large {
    padding: 40px !important;
  }
  .padding-top-medium-screen-large {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-large {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-large {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-large {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-large {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-large {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-large {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-large {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-large {
    padding-right: 80px !important;
  }
  .gap-medium-screen-large {
    gap: 40px;
  }
  .space-large-screen-large {
    height: 60px;
  }
  .space-large-screen-large.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-large {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-large {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-large {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-large {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-large {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-large {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-large {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-large {
    margin-right: 120px !important;
  }
  .padding-large-screen-large {
    padding: 60px !important;
  }
  .padding-top-large-screen-large {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-large {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-large {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-large {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-large {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-large {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-large {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-large {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-large {
    padding-right: 120px !important;
  }
  .gap-large-screen-large {
    gap: 60px;
  }
  .space-huge-screen-large {
    height: 100px;
  }
  .space-huge-screen-large.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-large {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-large {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-large {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-large {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-large {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-large {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-large {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-large {
    margin-right: 200px !important;
  }
  .padding-huge-screen-large {
    padding: 100px !important;
  }
  .padding-top-huge-screen-large {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-large {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-large {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-large {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-large {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-large {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-large {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-large {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-large {
    padding-right: 200px !important;
  }
  .gap-huge-screen-large {
    gap: 100px;
  }
}
@media (min-width:970px) {
  .space-none-screen-nav {
    height: 0;
  }
  .space-none-screen-nav.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-nav {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-nav {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-nav {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-nav {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-nav {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-nav {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-nav {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-nav {
    margin-right: 0 !important;
  }
  .padding-none-screen-nav {
    padding: 0 !important;
  }
  .padding-top-none-screen-nav {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-nav {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-nav {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-nav {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-nav {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-nav {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-nav {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-nav {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-nav {
    padding-right: 0 !important;
  }
  .gap-none-screen-nav {
    gap: 0;
  }
  .space-tiny-screen-nav {
    height: 2px;
  }
  .space-tiny-screen-nav.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-nav {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-nav {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-nav {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-nav {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-nav {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-nav {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-nav {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-nav {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-nav {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-nav {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-nav {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-nav {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-nav {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-nav {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-nav {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-nav {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-nav {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-nav {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-nav {
    gap: 2px;
  }
  .space-xSmall-screen-nav {
    height: 5px;
  }
  .space-xSmall-screen-nav.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-nav {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-nav {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-nav {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-nav {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-nav {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-nav {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-nav {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-nav {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-nav {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-nav {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-nav {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-nav {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-nav {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-nav {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-nav {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-nav {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-nav {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-nav {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-nav {
    gap: 5px;
  }
  .space-small-screen-nav {
    height: 10px;
  }
  .space-small-screen-nav.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-nav {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-nav {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-nav {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-nav {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-nav {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-nav {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-nav {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-nav {
    margin-right: 20px !important;
  }
  .padding-small-screen-nav {
    padding: 10px !important;
  }
  .padding-top-small-screen-nav {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-nav {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-nav {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-nav {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-nav {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-nav {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-nav {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-nav {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-nav {
    padding-right: 20px !important;
  }
  .gap-small-screen-nav {
    gap: 10px;
  }
  .space-normal-screen-nav {
    height: 20px;
  }
  .space-normal-screen-nav.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-nav {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-nav {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-nav {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-nav {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-nav {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-nav {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-nav {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-nav {
    margin-right: 40px !important;
  }
  .padding-normal-screen-nav {
    padding: 20px !important;
  }
  .padding-top-normal-screen-nav {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-nav {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-nav {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-nav {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-nav {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-nav {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-nav {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-nav {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-nav {
    padding-right: 40px !important;
  }
  .gap-normal-screen-nav {
    gap: 20px;
  }
  .space-medium-screen-nav {
    height: 40px;
  }
  .space-medium-screen-nav.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-nav {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-nav {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-nav {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-nav {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-nav {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-nav {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-nav {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-nav {
    margin-right: 80px !important;
  }
  .padding-medium-screen-nav {
    padding: 40px !important;
  }
  .padding-top-medium-screen-nav {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-nav {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-nav {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-nav {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-nav {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-nav {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-nav {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-nav {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-nav {
    padding-right: 80px !important;
  }
  .gap-medium-screen-nav {
    gap: 40px;
  }
  .space-large-screen-nav {
    height: 60px;
  }
  .space-large-screen-nav.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-nav {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-nav {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-nav {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-nav {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-nav {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-nav {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-nav {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-nav {
    margin-right: 120px !important;
  }
  .padding-large-screen-nav {
    padding: 60px !important;
  }
  .padding-top-large-screen-nav {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-nav {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-nav {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-nav {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-nav {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-nav {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-nav {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-nav {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-nav {
    padding-right: 120px !important;
  }
  .gap-large-screen-nav {
    gap: 60px;
  }
  .space-huge-screen-nav {
    height: 100px;
  }
  .space-huge-screen-nav.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-nav {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-nav {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-nav {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-nav {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-nav {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-nav {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-nav {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-nav {
    margin-right: 200px !important;
  }
  .padding-huge-screen-nav {
    padding: 100px !important;
  }
  .padding-top-huge-screen-nav {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-nav {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-nav {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-nav {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-nav {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-nav {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-nav {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-nav {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-nav {
    padding-right: 200px !important;
  }
  .gap-huge-screen-nav {
    gap: 100px;
  }
}
@media (min-width:980px) {
  .space-none-screen-wide {
    height: 0;
  }
  .space-none-screen-wide.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-wide {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-wide {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-wide {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-wide {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-wide {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-wide {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-wide {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-wide {
    margin-right: 0 !important;
  }
  .padding-none-screen-wide {
    padding: 0 !important;
  }
  .padding-top-none-screen-wide {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-wide {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-wide {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-wide {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-wide {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-wide {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-wide {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-wide {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-wide {
    padding-right: 0 !important;
  }
  .gap-none-screen-wide {
    gap: 0;
  }
  .space-tiny-screen-wide {
    height: 2px;
  }
  .space-tiny-screen-wide.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-wide {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-wide {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-wide {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-wide {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-wide {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-wide {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-wide {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-wide {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-wide {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-wide {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-wide {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-wide {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-wide {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-wide {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-wide {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-wide {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-wide {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-wide {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-wide {
    gap: 2px;
  }
  .space-xSmall-screen-wide {
    height: 5px;
  }
  .space-xSmall-screen-wide.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-wide {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-wide {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-wide {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-wide {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-wide {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-wide {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-wide {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-wide {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-wide {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-wide {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-wide {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-wide {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-wide {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-wide {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-wide {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-wide {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-wide {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-wide {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-wide {
    gap: 5px;
  }
  .space-small-screen-wide {
    height: 10px;
  }
  .space-small-screen-wide.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-wide {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-wide {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-wide {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-wide {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-wide {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-wide {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-wide {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-wide {
    margin-right: 20px !important;
  }
  .padding-small-screen-wide {
    padding: 10px !important;
  }
  .padding-top-small-screen-wide {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-wide {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-wide {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-wide {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-wide {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-wide {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-wide {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-wide {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-wide {
    padding-right: 20px !important;
  }
  .gap-small-screen-wide {
    gap: 10px;
  }
  .space-normal-screen-wide {
    height: 20px;
  }
  .space-normal-screen-wide.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-wide {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-wide {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-wide {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-wide {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-wide {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-wide {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-wide {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-wide {
    margin-right: 40px !important;
  }
  .padding-normal-screen-wide {
    padding: 20px !important;
  }
  .padding-top-normal-screen-wide {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-wide {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-wide {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-wide {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-wide {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-wide {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-wide {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-wide {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-wide {
    padding-right: 40px !important;
  }
  .gap-normal-screen-wide {
    gap: 20px;
  }
  .space-medium-screen-wide {
    height: 40px;
  }
  .space-medium-screen-wide.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-wide {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-wide {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-wide {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-wide {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-wide {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-wide {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-wide {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-wide {
    margin-right: 80px !important;
  }
  .padding-medium-screen-wide {
    padding: 40px !important;
  }
  .padding-top-medium-screen-wide {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-wide {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-wide {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-wide {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-wide {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-wide {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-wide {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-wide {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-wide {
    padding-right: 80px !important;
  }
  .gap-medium-screen-wide {
    gap: 40px;
  }
  .space-large-screen-wide {
    height: 60px;
  }
  .space-large-screen-wide.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-wide {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-wide {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-wide {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-wide {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-wide {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-wide {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-wide {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-wide {
    margin-right: 120px !important;
  }
  .padding-large-screen-wide {
    padding: 60px !important;
  }
  .padding-top-large-screen-wide {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-wide {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-wide {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-wide {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-wide {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-wide {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-wide {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-wide {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-wide {
    padding-right: 120px !important;
  }
  .gap-large-screen-wide {
    gap: 60px;
  }
  .space-huge-screen-wide {
    height: 100px;
  }
  .space-huge-screen-wide.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-wide {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-wide {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-wide {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-wide {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-wide {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-wide {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-wide {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-wide {
    margin-right: 200px !important;
  }
  .padding-huge-screen-wide {
    padding: 100px !important;
  }
  .padding-top-huge-screen-wide {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-wide {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-wide {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-wide {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-wide {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-wide {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-wide {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-wide {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-wide {
    padding-right: 200px !important;
  }
  .gap-huge-screen-wide {
    gap: 100px;
  }
}
@media (min-width:1280px) {
  .space-none-screen-huge {
    height: 0;
  }
  .space-none-screen-huge.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-huge {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-huge {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-huge {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-huge {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-huge {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-huge {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-huge {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-huge {
    margin-right: 0 !important;
  }
  .padding-none-screen-huge {
    padding: 0 !important;
  }
  .padding-top-none-screen-huge {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-huge {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-huge {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-huge {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-huge {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-huge {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-huge {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-huge {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-huge {
    padding-right: 0 !important;
  }
  .gap-none-screen-huge {
    gap: 0;
  }
  .space-tiny-screen-huge {
    height: 2px;
  }
  .space-tiny-screen-huge.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-huge {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-huge {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-huge {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-huge {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-huge {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-huge {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-huge {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-huge {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-huge {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-huge {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-huge {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-huge {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-huge {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-huge {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-huge {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-huge {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-huge {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-huge {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-huge {
    gap: 2px;
  }
  .space-xSmall-screen-huge {
    height: 5px;
  }
  .space-xSmall-screen-huge.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-huge {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-huge {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-huge {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-huge {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-huge {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-huge {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-huge {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-huge {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-huge {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-huge {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-huge {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-huge {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-huge {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-huge {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-huge {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-huge {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-huge {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-huge {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-huge {
    gap: 5px;
  }
  .space-small-screen-huge {
    height: 10px;
  }
  .space-small-screen-huge.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-huge {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-huge {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-huge {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-huge {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-huge {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-huge {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-huge {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-huge {
    margin-right: 20px !important;
  }
  .padding-small-screen-huge {
    padding: 10px !important;
  }
  .padding-top-small-screen-huge {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-huge {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-huge {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-huge {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-huge {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-huge {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-huge {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-huge {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-huge {
    padding-right: 20px !important;
  }
  .gap-small-screen-huge {
    gap: 10px;
  }
  .space-normal-screen-huge {
    height: 20px;
  }
  .space-normal-screen-huge.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-huge {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-huge {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-huge {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-huge {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-huge {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-huge {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-huge {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-huge {
    margin-right: 40px !important;
  }
  .padding-normal-screen-huge {
    padding: 20px !important;
  }
  .padding-top-normal-screen-huge {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-huge {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-huge {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-huge {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-huge {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-huge {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-huge {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-huge {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-huge {
    padding-right: 40px !important;
  }
  .gap-normal-screen-huge {
    gap: 20px;
  }
  .space-medium-screen-huge {
    height: 40px;
  }
  .space-medium-screen-huge.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-huge {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-huge {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-huge {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-huge {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-huge {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-huge {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-huge {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-huge {
    margin-right: 80px !important;
  }
  .padding-medium-screen-huge {
    padding: 40px !important;
  }
  .padding-top-medium-screen-huge {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-huge {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-huge {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-huge {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-huge {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-huge {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-huge {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-huge {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-huge {
    padding-right: 80px !important;
  }
  .gap-medium-screen-huge {
    gap: 40px;
  }
  .space-large-screen-huge {
    height: 60px;
  }
  .space-large-screen-huge.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-huge {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-huge {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-huge {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-huge {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-huge {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-huge {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-huge {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-huge {
    margin-right: 120px !important;
  }
  .padding-large-screen-huge {
    padding: 60px !important;
  }
  .padding-top-large-screen-huge {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-huge {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-huge {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-huge {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-huge {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-huge {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-huge {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-huge {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-huge {
    padding-right: 120px !important;
  }
  .gap-large-screen-huge {
    gap: 60px;
  }
  .space-huge-screen-huge {
    height: 100px;
  }
  .space-huge-screen-huge.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-huge {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-huge {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-huge {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-huge {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-huge {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-huge {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-huge {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-huge {
    margin-right: 200px !important;
  }
  .padding-huge-screen-huge {
    padding: 100px !important;
  }
  .padding-top-huge-screen-huge {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-huge {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-huge {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-huge {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-huge {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-huge {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-huge {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-huge {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-huge {
    padding-right: 200px !important;
  }
  .gap-huge-screen-huge {
    gap: 100px;
  }
}
@media (min-width:1600px) {
  .space-none-screen-max {
    height: 0;
  }
  .space-none-screen-max.space-negative {
    height: 0;
    margin-top: 0;
  }
  .margin-top-none-screen-max {
    margin-top: 0 !important;
  }
  .margin-top-double-none-screen-max {
    margin-top: 0 !important;
  }
  .margin-bottom-none-screen-max {
    margin-bottom: 0 !important;
  }
  .margin-bottom-double-none-screen-max {
    margin-bottom: 0 !important;
  }
  .margin-left-none-screen-max {
    margin-left: 0 !important;
  }
  .margin-left-double-none-screen-max {
    margin-left: 0 !important;
  }
  .margin-right-none-screen-max {
    margin-right: 0 !important;
  }
  .margin-right-double-none-screen-max {
    margin-right: 0 !important;
  }
  .padding-none-screen-max {
    padding: 0 !important;
  }
  .padding-top-none-screen-max {
    padding-top: 0 !important;
  }
  .padding-top-double-none-screen-max {
    padding-top: 0 !important;
  }
  .padding-bottom-none-screen-max {
    padding-bottom: 0 !important;
  }
  .padding-bottom-double-none-screen-max {
    padding-bottom: 0 !important;
  }
  .padding-bottom-quad-none-screen-max {
    padding-bottom: 0 !important;
  }
  .padding-left-none-screen-max {
    padding-left: 0 !important;
  }
  .padding-left-double-none-screen-max {
    padding-left: 0 !important;
  }
  .padding-right-none-screen-max {
    padding-right: 0 !important;
  }
  .padding-right-double-none-screen-max {
    padding-right: 0 !important;
  }
  .gap-none-screen-max {
    gap: 0;
  }
  .space-tiny-screen-max {
    height: 2px;
  }
  .space-tiny-screen-max.space-negative {
    height: 0;
    margin-top: -2px;
  }
  .margin-top-tiny-screen-max {
    margin-top: 2px !important;
  }
  .margin-top-double-tiny-screen-max {
    margin-top: 4px !important;
  }
  .margin-bottom-tiny-screen-max {
    margin-bottom: 2px !important;
  }
  .margin-bottom-double-tiny-screen-max {
    margin-bottom: 4px !important;
  }
  .margin-left-tiny-screen-max {
    margin-left: 2px !important;
  }
  .margin-left-double-tiny-screen-max {
    margin-left: 4px !important;
  }
  .margin-right-tiny-screen-max {
    margin-right: 2px !important;
  }
  .margin-right-double-tiny-screen-max {
    margin-right: 4px !important;
  }
  .padding-tiny-screen-max {
    padding: 2px !important;
  }
  .padding-top-tiny-screen-max {
    padding-top: 2px !important;
  }
  .padding-top-double-tiny-screen-max {
    padding-top: 4px !important;
  }
  .padding-bottom-tiny-screen-max {
    padding-bottom: 2px !important;
  }
  .padding-bottom-double-tiny-screen-max {
    padding-bottom: 4px !important;
  }
  .padding-bottom-quad-tiny-screen-max {
    padding-bottom: 8px !important;
  }
  .padding-left-tiny-screen-max {
    padding-left: 2px !important;
  }
  .padding-left-double-tiny-screen-max {
    padding-left: 4px !important;
  }
  .padding-right-tiny-screen-max {
    padding-right: 2px !important;
  }
  .padding-right-double-tiny-screen-max {
    padding-right: 4px !important;
  }
  .gap-tiny-screen-max {
    gap: 2px;
  }
  .space-xSmall-screen-max {
    height: 5px;
  }
  .space-xSmall-screen-max.space-negative {
    height: 0;
    margin-top: -5px;
  }
  .margin-top-xSmall-screen-max {
    margin-top: 5px !important;
  }
  .margin-top-double-xSmall-screen-max {
    margin-top: 10px !important;
  }
  .margin-bottom-xSmall-screen-max {
    margin-bottom: 5px !important;
  }
  .margin-bottom-double-xSmall-screen-max {
    margin-bottom: 10px !important;
  }
  .margin-left-xSmall-screen-max {
    margin-left: 5px !important;
  }
  .margin-left-double-xSmall-screen-max {
    margin-left: 10px !important;
  }
  .margin-right-xSmall-screen-max {
    margin-right: 5px !important;
  }
  .margin-right-double-xSmall-screen-max {
    margin-right: 10px !important;
  }
  .padding-xSmall-screen-max {
    padding: 5px !important;
  }
  .padding-top-xSmall-screen-max {
    padding-top: 5px !important;
  }
  .padding-top-double-xSmall-screen-max {
    padding-top: 10px !important;
  }
  .padding-bottom-xSmall-screen-max {
    padding-bottom: 5px !important;
  }
  .padding-bottom-double-xSmall-screen-max {
    padding-bottom: 10px !important;
  }
  .padding-bottom-quad-xSmall-screen-max {
    padding-bottom: 20px !important;
  }
  .padding-left-xSmall-screen-max {
    padding-left: 5px !important;
  }
  .padding-left-double-xSmall-screen-max {
    padding-left: 10px !important;
  }
  .padding-right-xSmall-screen-max {
    padding-right: 5px !important;
  }
  .padding-right-double-xSmall-screen-max {
    padding-right: 10px !important;
  }
  .gap-xSmall-screen-max {
    gap: 5px;
  }
  .space-small-screen-max {
    height: 10px;
  }
  .space-small-screen-max.space-negative {
    height: 0;
    margin-top: -10px;
  }
  .margin-top-small-screen-max {
    margin-top: 10px !important;
  }
  .margin-top-double-small-screen-max {
    margin-top: 20px !important;
  }
  .margin-bottom-small-screen-max {
    margin-bottom: 10px !important;
  }
  .margin-bottom-double-small-screen-max {
    margin-bottom: 20px !important;
  }
  .margin-left-small-screen-max {
    margin-left: 10px !important;
  }
  .margin-left-double-small-screen-max {
    margin-left: 20px !important;
  }
  .margin-right-small-screen-max {
    margin-right: 10px !important;
  }
  .margin-right-double-small-screen-max {
    margin-right: 20px !important;
  }
  .padding-small-screen-max {
    padding: 10px !important;
  }
  .padding-top-small-screen-max {
    padding-top: 10px !important;
  }
  .padding-top-double-small-screen-max {
    padding-top: 20px !important;
  }
  .padding-bottom-small-screen-max {
    padding-bottom: 10px !important;
  }
  .padding-bottom-double-small-screen-max {
    padding-bottom: 20px !important;
  }
  .padding-bottom-quad-small-screen-max {
    padding-bottom: 40px !important;
  }
  .padding-left-small-screen-max {
    padding-left: 10px !important;
  }
  .padding-left-double-small-screen-max {
    padding-left: 20px !important;
  }
  .padding-right-small-screen-max {
    padding-right: 10px !important;
  }
  .padding-right-double-small-screen-max {
    padding-right: 20px !important;
  }
  .gap-small-screen-max {
    gap: 10px;
  }
  .space-normal-screen-max {
    height: 20px;
  }
  .space-normal-screen-max.space-negative {
    height: 0;
    margin-top: -20px;
  }
  .margin-top-normal-screen-max {
    margin-top: 20px !important;
  }
  .margin-top-double-normal-screen-max {
    margin-top: 40px !important;
  }
  .margin-bottom-normal-screen-max {
    margin-bottom: 20px !important;
  }
  .margin-bottom-double-normal-screen-max {
    margin-bottom: 40px !important;
  }
  .margin-left-normal-screen-max {
    margin-left: 20px !important;
  }
  .margin-left-double-normal-screen-max {
    margin-left: 40px !important;
  }
  .margin-right-normal-screen-max {
    margin-right: 20px !important;
  }
  .margin-right-double-normal-screen-max {
    margin-right: 40px !important;
  }
  .padding-normal-screen-max {
    padding: 20px !important;
  }
  .padding-top-normal-screen-max {
    padding-top: 20px !important;
  }
  .padding-top-double-normal-screen-max {
    padding-top: 40px !important;
  }
  .padding-bottom-normal-screen-max {
    padding-bottom: 20px !important;
  }
  .padding-bottom-double-normal-screen-max {
    padding-bottom: 40px !important;
  }
  .padding-bottom-quad-normal-screen-max {
    padding-bottom: 80px !important;
  }
  .padding-left-normal-screen-max {
    padding-left: 20px !important;
  }
  .padding-left-double-normal-screen-max {
    padding-left: 40px !important;
  }
  .padding-right-normal-screen-max {
    padding-right: 20px !important;
  }
  .padding-right-double-normal-screen-max {
    padding-right: 40px !important;
  }
  .gap-normal-screen-max {
    gap: 20px;
  }
  .space-medium-screen-max {
    height: 40px;
  }
  .space-medium-screen-max.space-negative {
    height: 0;
    margin-top: -40px;
  }
  .margin-top-medium-screen-max {
    margin-top: 40px !important;
  }
  .margin-top-double-medium-screen-max {
    margin-top: 80px !important;
  }
  .margin-bottom-medium-screen-max {
    margin-bottom: 40px !important;
  }
  .margin-bottom-double-medium-screen-max {
    margin-bottom: 80px !important;
  }
  .margin-left-medium-screen-max {
    margin-left: 40px !important;
  }
  .margin-left-double-medium-screen-max {
    margin-left: 80px !important;
  }
  .margin-right-medium-screen-max {
    margin-right: 40px !important;
  }
  .margin-right-double-medium-screen-max {
    margin-right: 80px !important;
  }
  .padding-medium-screen-max {
    padding: 40px !important;
  }
  .padding-top-medium-screen-max {
    padding-top: 40px !important;
  }
  .padding-top-double-medium-screen-max {
    padding-top: 80px !important;
  }
  .padding-bottom-medium-screen-max {
    padding-bottom: 40px !important;
  }
  .padding-bottom-double-medium-screen-max {
    padding-bottom: 80px !important;
  }
  .padding-bottom-quad-medium-screen-max {
    padding-bottom: 160px !important;
  }
  .padding-left-medium-screen-max {
    padding-left: 40px !important;
  }
  .padding-left-double-medium-screen-max {
    padding-left: 80px !important;
  }
  .padding-right-medium-screen-max {
    padding-right: 40px !important;
  }
  .padding-right-double-medium-screen-max {
    padding-right: 80px !important;
  }
  .gap-medium-screen-max {
    gap: 40px;
  }
  .space-large-screen-max {
    height: 60px;
  }
  .space-large-screen-max.space-negative {
    height: 0;
    margin-top: -60px;
  }
  .margin-top-large-screen-max {
    margin-top: 60px !important;
  }
  .margin-top-double-large-screen-max {
    margin-top: 120px !important;
  }
  .margin-bottom-large-screen-max {
    margin-bottom: 60px !important;
  }
  .margin-bottom-double-large-screen-max {
    margin-bottom: 120px !important;
  }
  .margin-left-large-screen-max {
    margin-left: 60px !important;
  }
  .margin-left-double-large-screen-max {
    margin-left: 120px !important;
  }
  .margin-right-large-screen-max {
    margin-right: 60px !important;
  }
  .margin-right-double-large-screen-max {
    margin-right: 120px !important;
  }
  .padding-large-screen-max {
    padding: 60px !important;
  }
  .padding-top-large-screen-max {
    padding-top: 60px !important;
  }
  .padding-top-double-large-screen-max {
    padding-top: 120px !important;
  }
  .padding-bottom-large-screen-max {
    padding-bottom: 60px !important;
  }
  .padding-bottom-double-large-screen-max {
    padding-bottom: 120px !important;
  }
  .padding-bottom-quad-large-screen-max {
    padding-bottom: 240px !important;
  }
  .padding-left-large-screen-max {
    padding-left: 60px !important;
  }
  .padding-left-double-large-screen-max {
    padding-left: 120px !important;
  }
  .padding-right-large-screen-max {
    padding-right: 60px !important;
  }
  .padding-right-double-large-screen-max {
    padding-right: 120px !important;
  }
  .gap-large-screen-max {
    gap: 60px;
  }
  .space-huge-screen-max {
    height: 100px;
  }
  .space-huge-screen-max.space-negative {
    height: 0;
    margin-top: -100px;
  }
  .margin-top-huge-screen-max {
    margin-top: 100px !important;
  }
  .margin-top-double-huge-screen-max {
    margin-top: 200px !important;
  }
  .margin-bottom-huge-screen-max {
    margin-bottom: 100px !important;
  }
  .margin-bottom-double-huge-screen-max {
    margin-bottom: 200px !important;
  }
  .margin-left-huge-screen-max {
    margin-left: 100px !important;
  }
  .margin-left-double-huge-screen-max {
    margin-left: 200px !important;
  }
  .margin-right-huge-screen-max {
    margin-right: 100px !important;
  }
  .margin-right-double-huge-screen-max {
    margin-right: 200px !important;
  }
  .padding-huge-screen-max {
    padding: 100px !important;
  }
  .padding-top-huge-screen-max {
    padding-top: 100px !important;
  }
  .padding-top-double-huge-screen-max {
    padding-top: 200px !important;
  }
  .padding-bottom-huge-screen-max {
    padding-bottom: 100px !important;
  }
  .padding-bottom-double-huge-screen-max {
    padding-bottom: 200px !important;
  }
  .padding-bottom-quad-huge-screen-max {
    padding-bottom: 400px !important;
  }
  .padding-left-huge-screen-max {
    padding-left: 100px !important;
  }
  .padding-left-double-huge-screen-max {
    padding-left: 200px !important;
  }
  .padding-right-huge-screen-max {
    padding-right: 100px !important;
  }
  .padding-right-double-huge-screen-max {
    padding-right: 200px !important;
  }
  .gap-huge-screen-max {
    gap: 100px;
  }
}
.margin-none {
  margin: 0 !important;
}
.padding-none {
  padding: 0 !important;
}
.space-rhythm-small {
  height: 12px;
}
.space-rhythm-medium {
  height: 24px;
}
.space-rhythm-large {
  height: 36px;
}
.off-screen {
  position: absolute;
  top: 0;
  left: -9999px;
}
.screen-reader-object {
  position: absolute;
  top: 0;
  left: -9999px;
  opacity: 0;
  z-index: 8;
  transition: 0.5s opacity 0s cubic-bezier(0.23, 1, 0.32, 1) !important;
}
.screen-reader-object:focus,
.screen-reader-object:active {
  left: 0;
  opacity: 1;
}
.screen-reader-text {
  color: transparent;
  text-indent: -99999px;
  user-select: none;
}
.react-mount {
  min-height: 600px;
  position: relative;
}
.react-mount--min-height-small {
  min-height: 200px;
}
.checkbox-toggle {
  position: relative;
  padding-left: 38px;
  color: #f8b700;
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.checkbox-toggle::before,
.checkbox-toggle::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  border: solid 1px #504137;
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}
.checkbox-toggle::after {
  background-color: #f8b700;
  border: none;
  transform: translate(0, -50%) scale(0);
  transition: 0.2s all 0s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.checkbox-toggle.is-selected::after {
  transform: translate(0, -50%) scale(0.5);
}
.checkbox-toggle:focus-visible {
  color: #ffffff;
}
html:not(.touch) .checkbox-toggle:hover {
  color: #ffffff;
}
.alternating-background:nth-child(odd) {
  background: rgba(255, 255, 255, 0.04);
}
.alternating-background--hover {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
html:not(.touch) .alternating-background--hover:hover {
  background: rgba(255, 255, 255, 0.05);
}
.hover-white {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.hover-white:focus-visible {
  color: #ffffff !important;
}
html:not(.touch) .hover-white:hover {
  color: #ffffff !important;
}
.hover-black {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.hover-black:focus-visible {
  color: #000000 !important;
}
html:not(.touch) .hover-black:hover {
  color: #000000 !important;
}
.hover-underline:focus-visible {
  text-decoration: underline;
}
html:not(.touch) .hover-underline:hover {
  text-decoration: underline;
}
.unstyled-list {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
}
.unstyled-list li {
  list-style: none;
}
.default-transition {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.link-hover {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
html:not(.touch) .link-hover:hover {
  cursor: pointer;
  color: #ffffff;
}
.page-search-match {
  background: #f8b700;
  color: #000000;
  text-shadow: none;
}
.opacity-full {
  opacity: 1;
}
.gray-out {
  color: #cacaca !important;
}
.grayscale {
  filter: brightness(0.87) grayscale(1);
}
/*# sourceMappingURL=_utilities.css.map */
.Pet {
  border: solid 1px #444444;
  background-color: #181818;
  overflow: hidden;
}
.Pet::after {
  content: '';
  display: table;
  clear: both;
}
.Pet .Pet-uncollected-text {
  display: none;
  opacity: 0.5;
}
.Pet.Pet--unassigned {
  opacity: 0.8;
}
.Pet:not(.Pet--modal)[disabled] {
  opacity: 0.3;
}
.Pet[disabled] .Pet-family-icon,
.Pet[disabled] .Pet-family-text,
.Pet[disabled] .Pet-stats,
.Pet[disabled] .Pet-stat,
.Pet[disabled] .Pet-level,
.Pet[disabled] .Pet-companion-text {
  display: none !important;
}
.Pet[disabled] .Pet-uncollected-text {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ebdec2;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  display: block;
}
@media (min-width:720px) {
  .Pet[disabled] .Pet-uncollected-text {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .Pet[disabled] .Pet-uncollected-text {
    font-size: 1rem;
  }
}
.Pet[disabled] .Pet-uncollected-text.zh-cn,
.zh-cn .Pet[disabled] .Pet-uncollected-text {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet[disabled] .Pet-uncollected-text.ko-kr,
.ko-kr .Pet[disabled] .Pet-uncollected-text {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet[disabled] .Pet-uncollected-text.ru-ru,
.ru-ru .Pet[disabled] .Pet-uncollected-text {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet[disabled] .Pet-uncollected-text.zh-tw,
.zh-tw .Pet[disabled] .Pet-uncollected-text {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-render,
.Pet-render-none,
.Pet-render-shadow {
  position: relative;
  transition: 0.3s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  transform: translate3d(0, 0, 0);
  background-color: #181818;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  max-width: 600px;
  margin: 0 auto;
}
.Pet-render::before,
.Pet-render-none::before,
.Pet-render-shadow::before {
  content: '';
  display: block;
  padding-top: 100%;
}
.Pet-render-none {
  background-size: 0px;
}
.Pet-render-shadow {
  background-image: url(452bfcbad8e5f555ba88.jpg);
}
.Pet-info {
  padding: 20px;
  height: auto;
}
.Pet-meta {
  position: relative;
}
.Pet-info-details {
  display: none;
}
.Pet-level,
.Pet-name-subheading,
.Pet-companion-text,
.Pet-unassigned-text {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  text-shadow: none;
  font-weight: 700;
  padding-right: 4px;
}
@media (min-width:720px) {
  .Pet-level,
  .Pet-name-subheading,
  .Pet-companion-text,
  .Pet-unassigned-text {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .Pet-level,
  .Pet-name-subheading,
  .Pet-companion-text,
  .Pet-unassigned-text {
    font-size: 1rem;
  }
}
.Pet-level.zh-cn,
.Pet-name-subheading.zh-cn,
.Pet-companion-text.zh-cn,
.Pet-unassigned-text.zh-cn,
.zh-cn .Pet-level,
.zh-cn .Pet-name-subheading,
.zh-cn .Pet-companion-text,
.zh-cn .Pet-unassigned-text {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-level.ko-kr,
.Pet-name-subheading.ko-kr,
.Pet-companion-text.ko-kr,
.Pet-unassigned-text.ko-kr,
.ko-kr .Pet-level,
.ko-kr .Pet-name-subheading,
.ko-kr .Pet-companion-text,
.ko-kr .Pet-unassigned-text {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-level.ru-ru,
.Pet-name-subheading.ru-ru,
.Pet-companion-text.ru-ru,
.Pet-unassigned-text.ru-ru,
.ru-ru .Pet-level,
.ru-ru .Pet-name-subheading,
.ru-ru .Pet-companion-text,
.ru-ru .Pet-unassigned-text {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-level.zh-tw,
.Pet-name-subheading.zh-tw,
.Pet-companion-text.zh-tw,
.Pet-unassigned-text.zh-tw,
.zh-tw .Pet-level,
.zh-tw .Pet-name-subheading,
.zh-tw .Pet-companion-text,
.zh-tw .Pet-unassigned-text {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-unassigned-text {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #cacaca;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
}
@media (min-width:720px) {
  .Pet-unassigned-text {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .Pet-unassigned-text {
    font-size: 1rem;
  }
}
.Pet-unassigned-text.zh-cn,
.zh-cn .Pet-unassigned-text {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-unassigned-text.ko-kr,
.ko-kr .Pet-unassigned-text {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-unassigned-text.ru-ru,
.ru-ru .Pet-unassigned-text {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-unassigned-text.zh-tw,
.zh-tw .Pet-unassigned-text {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-name {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.Pet-name,
.Pet-unassigned-slot {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  text-shadow: none;
  margin: 0;
  vertical-align: middle;
  word-wrap: break-word;
  word-break: break-word;
}
@media (min-width:720px) {
  .Pet-name,
  .Pet-unassigned-slot {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .Pet-name,
  .Pet-unassigned-slot {
    font-size: 1.44rem;
  }
}
.Pet-name.zh-cn,
.Pet-unassigned-slot.zh-cn,
.zh-cn .Pet-name,
.zh-cn .Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-name.ko-kr,
.Pet-unassigned-slot.ko-kr,
.ko-kr .Pet-name,
.ko-kr .Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-name.ru-ru,
.Pet-unassigned-slot.ru-ru,
.ru-ru .Pet-name,
.ru-ru .Pet-unassigned-slot {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-name.zh-tw,
.Pet-unassigned-slot.zh-tw,
.zh-tw .Pet-name,
.zh-tw .Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-name.Pet-unassigned-slot {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #cacaca;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .Pet-name.Pet-unassigned-slot {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .Pet-name.Pet-unassigned-slot {
    font-size: 1.44rem;
  }
}
.Pet-name.Pet-unassigned-slot.zh-cn,
.zh-cn .Pet-name.Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-name.Pet-unassigned-slot.ko-kr,
.ko-kr .Pet-name.Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-name.Pet-unassigned-slot.ru-ru,
.ru-ru .Pet-name.Pet-unassigned-slot {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-name.Pet-unassigned-slot.zh-tw,
.zh-tw .Pet-name.Pet-unassigned-slot {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-avatar .Pet-icon {
  vertical-align: middle;
  margin-right: 10px;
}
.Pet-favorite .Icon--favorite {
  color: #aaaaaa;
  vertical-align: middle;
  margin-left: 8px;
}
.Pet-favorite .Icon-svg {
  width: 14px;
  height: 14px;
}
.Pet-icon-stat {
  margin-right: 4px;
  vertical-align: middle;
}
.Pet-icon-stat.Icon--heart {
  color: #b30000;
}
.Pet-icon-stat .Icon-svg {
  width: 18px;
  height: 18px;
  vertical-align: sub;
}
.Pet-family {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  text-shadow: none;
  margin: 0;
}
@media (min-width:720px) {
  .Pet-family {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .Pet-family {
    font-size: 1.44rem;
  }
}
.Pet-family.zh-cn,
.zh-cn .Pet-family {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-family.ko-kr,
.ko-kr .Pet-family {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-family.ru-ru,
.ru-ru .Pet-family {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-family.zh-tw,
.zh-tw .Pet-family {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-stat.List-item {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .Pet-stat.List-item {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .Pet-stat.List-item {
    font-size: 1.2rem;
  }
}
.Pet-stat.List-item.zh-cn,
.zh-cn .Pet-stat.List-item {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-stat.List-item.ko-kr,
.ko-kr .Pet-stat.List-item {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-stat.List-item.ru-ru,
.ru-ru .Pet-stat.List-item {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-stat.List-item.zh-tw,
.zh-tw .Pet-stat.List-item {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-family-text,
.Pet-info-details .Pet-companion-text {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .Pet-family-text,
  .Pet-info-details .Pet-companion-text {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .Pet-family-text,
  .Pet-info-details .Pet-companion-text {
    font-size: 1.2rem;
  }
}
.Pet-family-text.zh-cn,
.Pet-info-details .Pet-companion-text.zh-cn,
.zh-cn .Pet-family-text,
.zh-cn .Pet-info-details .Pet-companion-text {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Pet-family-text.ko-kr,
.Pet-info-details .Pet-companion-text.ko-kr,
.ko-kr .Pet-family-text,
.ko-kr .Pet-info-details .Pet-companion-text {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Pet-family-text.ru-ru,
.Pet-info-details .Pet-companion-text.ru-ru,
.ru-ru .Pet-family-text,
.ru-ru .Pet-info-details .Pet-companion-text {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Pet-family-text.zh-tw,
.Pet-info-details .Pet-companion-text.zh-tw,
.zh-tw .Pet-family-text,
.zh-tw .Pet-info-details .Pet-companion-text {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Pet-info-basic {
  position: relative;
  bottom: 0;
  text-align: center;
}
.Pet-info-basic .Pet-name {
  display: table-cell;
  vertical-align: middle;
}
.Pet-info-icon {
  display: none;
  vertical-align: middle;
}
.Pet-family-icon {
  display: inline-block;
  height: 18px;
  width: 18px;
  background: transparent no-repeat;
  background-size: contain;
}
.Pet--BEAST .Pet-family-icon {
  background-image: url(9e814b0ce06128e127f6.png);
}
.Pet--CRITTER .Pet-family-icon {
  background-image: url(ed821ad3df5b079f2e04.png);
}
.Pet--DRAGONKIN .Pet-family-icon {
  background-image: url(3e448a26a4d437512a45.png);
}
.Pet--ELEMENTAL .Pet-family-icon {
  background-image: url(748b3d1d4af38374ebb8.png);
}
.Pet--FLYING .Pet-family-icon {
  background-image: url(a6c74ff477dfe27037b5.png);
}
.Pet--HUMANOID .Pet-family-icon {
  background-image: url(55b72a1944c5552db2a1.png);
}
.Pet--MECHANICAL .Pet-family-icon {
  background-image: url(2e9c781a960e513b8ef6.png);
}
.Pet--MAGIC .Pet-family-icon {
  background-image: url(b2d1eca23d81f67def9f.png);
}
.Pet--UNDEAD .Pet-family-icon {
  background-image: url(e3cf49481fb85bf2f071.png);
}
.Pet--AQUATIC .Pet-family-icon {
  background-image: url(58b13bfbb543cb8fbdc8.png);
}
html:not(.touch) .Pet--hover {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}
html:not(.touch) .Pet--hover:hover {
  border-color: #f8b700;
  background-color: #1a1a1a;
}
html:not(.touch) .Pet--hover:hover .Pet-name {
  color: #f8b700;
}
html:not(.touch) .Pet--hover:hover .Pet-render {
  transform: translate3d(0, 0, 0) scale(1.15);
  filter: brightness(1.1);
}
.Pet--POOR .Pet-name {
  color: #9d9d9d;
}
.Pet--POOR .Pet-avatar .Pet-icon {
  border-color: #9d9d9d;
}
.Pet--COMMON .Pet-name {
  color: #ffffff;
}
.Pet--COMMON .Pet-avatar .Pet-icon {
  border-color: #ffffff;
}
.Pet--UNCOMMON .Pet-name {
  color: #1eff00;
}
.Pet--UNCOMMON .Pet-avatar .Pet-icon {
  border-color: #1eff00;
}
.Pet--RARE .Pet-name {
  color: #0081ff;
}
.Pet--RARE .Pet-avatar .Pet-icon {
  border-color: #0081ff;
}
.Pet--EPIC .Pet-name {
  color: #c600ff;
}
.Pet--EPIC .Pet-avatar .Pet-icon {
  border-color: #c600ff;
}
.Pet--LEGENDARY .Pet-name {
  color: #ff8000;
}
.Pet--LEGENDARY .Pet-avatar .Pet-icon {
  border-color: #ff8000;
}
.Pet--ARTIFACT .Pet-name {
  color: #e5cc80;
}
.Pet--ARTIFACT .Pet-avatar .Pet-icon {
  border-color: #e5cc80;
}
.Pet--HEIRLOOM .Pet-name {
  color: #00ccff;
}
.Pet--HEIRLOOM .Pet-avatar .Pet-icon {
  border-color: #00ccff;
}
.Pet--large .Pet-info-basic {
  display: none;
}
.Pet--large .Pet-info-details {
  display: block;
}
.Pet--noRender .Pet-render-container,
.Pet--noRender .Pet-details-divider {
  display: none;
}
.Pet--modal {
  background-color: #181818;
  border: none;
}
.Pet--modal .Pet-info {
  margin-right: 2px;
  padding: 0;
}
.Pet--hunter .Pet-family-icon {
  display: none;
}
.Pet--hunter .Pet-info-icon {
  display: inline-block;
  margin-right: 4px;
}
.Pet--hunter .Pet-family-text {
  vertical-align: middle;
}
.Pet-slide {
  width: 66%;
}
/*# sourceMappingURL=PetCard.css.map */
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary) {
  background: url(ae30cbf7f81a72bba2fc.jpg);
  background-position: top center;
  border: solid 1px #3f4f56;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--POOR {
  border-color: #9d9d9d;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--COMMON {
  border-color: #ffffff;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--UNCOMMON {
  border-color: #1eff00;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--RARE {
  border-color: #0081ff;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--EPIC {
  border-color: #c600ff;
}
.MythicKeystoneDungeonRun:not(.MythicKeystoneDungeonRun--summary):not([disabled]).MythicKeystoneDungeonRun--LEGENDARY {
  border-color: #ff8000;
}
.MythicKeystoneDungeonRun-name {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #f8b700;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-name {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-name {
    font-size: 1.44rem;
  }
}
.MythicKeystoneDungeonRun-name.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-name.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-name.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-name {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-name.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
html:not(.touch) .ControlledModalToggle:hover .MythicKeystoneDungeonRun-name {
  color: #ffffff;
  cursor: pointer;
}
.MythicKeystoneDungeonRun-difficulties {
  width: 100%;
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
    font-size: 1.2rem;
  }
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-dungeonRating-tooltip.MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-partyLink {
  color: #f8b700;
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
}
html:not(.touch) .MythicKeystoneDungeonRun-partyLink:hover {
  color: #ffffff;
}
.MythicKeystoneDungeonRun-header {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  padding-top: 33%;
  background-position: top;
  background-size: 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  position: relative;
  border-bottom: solid 1px #3f4f56;
}
html:not(.touch) .ControlledModalToggle:hover .MythicKeystoneDungeonRun-header {
  cursor: pointer;
  filter: brightness(1.1);
}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-header {
  border: 1px solid #3f4f56;
  padding-top: 45%;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--POOR {
  border-color: #9d9d9d;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--COMMON {
  border-color: #ffffff;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--UNCOMMON {
  border-color: #1eff00;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--RARE {
  border-color: #0081ff;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--EPIC {
  border-color: #c600ff;
}
.MythicKeystoneDungeonRun--summary:not([disabled]) .MythicKeystoneDungeonRun-header.MythicKeystoneDungeonRun-header--LEGENDARY {
  border-color: #ff8000;
}
.MythicKeystoneDungeonRun-level.Chakram {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0, -50%);
}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-level.Chakram {
  left: 50%;
  transform: translate(-50%, -50%);
}
.MythicKeystoneDungeonRun-duration {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-duration {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-duration {
    font-size: 1.44rem;
  }
}
.MythicKeystoneDungeonRun-duration.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-duration.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-duration.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-duration {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-duration.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-dungeonRating {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-dungeonRating {
    font-size: 1.44rem;
  }
}
.MythicKeystoneDungeonRun-dungeonRating.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-dungeonRating.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-dungeonRating {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-overage-duration {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #777777;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-overage-duration {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-overage-duration {
    font-size: 1.44rem;
  }
}
.MythicKeystoneDungeonRun-overage-duration.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-overage-duration {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-overage-duration.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-overage-duration {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-overage-duration.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-overage-duration {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-overage-duration.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-overage-duration {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-overage-over-time {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #777777;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-overage-over-time {
    font-size: 1.02rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-overage-over-time {
    font-size: 1.2rem;
  }
}
.MythicKeystoneDungeonRun-overage-over-time.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-overage-over-time {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-overage-over-time.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-overage-over-time {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-overage-over-time.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-overage-over-time {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-overage-over-time.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-overage-over-time {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun--summary .MythicKeystoneDungeonRun-overage-over-time {
  display: block;
}
.MythicKeystoneDungeonRun-affixesContainer {
  display: flex;
  flex-wrap: wrap;
}
.MythicKeystoneDungeonRun-affix {
  cursor: pointer;
  margin-top: 4px;
  margin-right: 10px;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-header {
  padding: 2%;
  border: solid 1px #3f4f56;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
  font-size: 1.296rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
    font-size: 1.4688rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
    font-size: 1.728rem;
  }
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
  font-size: 1.296rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
    font-size: 1.4688rem;
  }
}
@media (min-width:1280px) {
  .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
    font-size: 1.728rem;
  }
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.zh-cn,
.zh-cn .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.ko-kr,
.ko-kr .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.ru-ru,
.ru-ru .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration.zh-tw,
.zh-tw .MythicKeystoneDungeonRun-modal-party .MythicKeystoneDungeonRun-duration {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.MythicKeystoneDungeonRun-noDataSection {
  display: none;
}
.MythicKeystoneDungeonRun[disabled] {
  opacity: 0.5;
}
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-level,
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-duration,
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-affixesContainer,
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-partyLink {
  display: none;
}
.MythicKeystoneDungeonRun[disabled] .MythicKeystoneDungeonRun-noDataSection {
  display: block;
}
.MythicKeystoneDungeonRun-slide {
  width: 66%;
}
/*# sourceMappingURL=MythicKeystoneDungeonRun.css.map */
.RaidDifficultyDetails--noProgressbar .RaidDifficultyDetails-progressbar {
  display: none;
}
.RaidDifficultyDetails-bossKills {
  column-count: 2;
  column-gap: 20px;
}
.RaidDifficultyDetails--stackBossKills .RaidDifficultyDetails-bossKills {
  column-count: 1;
  column-gap: 20px;
}
/*# sourceMappingURL=DifficultyDetails.css.map */
.RaidProgress {
  background: url(ae30cbf7f81a72bba2fc.jpg);
  background-position: top center;
  border: solid 1px #3f4f56;
}
.RaidProgress-header {
  padding: 0 20px;
}
.RaidProgress-header.gutter-vertical {
  padding: 20px 0;
}
.RaidProgress-header.gutter-all {
  padding: 20px;
}
.RaidProgress-header.gutter-negative {
  padding: 0;
  margin: 0 -20px;
}
.RaidProgress-header.gutter-negative.gutter-vertical {
  margin: -20px 0;
}
.RaidProgress-header.gutter-negative.gutter-all {
  margin: -20px;
}
.RaidProgress-image {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
html:not(.touch) .ControlledModalToggle:hover .RaidProgress-image {
  cursor: pointer;
  filter: brightness(1.1);
}
.RaidProgress-name {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #f8b700;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
@media (min-width:720px) {
  .RaidProgress-name {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .RaidProgress-name {
    font-size: 1.44rem;
  }
}
.RaidProgress-name.zh-cn,
.zh-cn .RaidProgress-name {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.RaidProgress-name.ko-kr,
.ko-kr .RaidProgress-name {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.RaidProgress-name.ru-ru,
.ru-ru .RaidProgress-name {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.RaidProgress-name.zh-tw,
.zh-tw .RaidProgress-name {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
html:not(.touch) .RaidProgress-title:hover .RaidProgress-name,
html:not(.touch) .RaidProgress-name.ControlledModalToggle:hover {
  cursor: pointer;
  color: #ffffff;
}
.RaidProgress-level {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #b1997f;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  padding: 0;
}
@media (min-width:720px) {
  .RaidProgress-level {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .RaidProgress-level {
    font-size: 1rem;
  }
}
.RaidProgress-level.zh-cn,
.zh-cn .RaidProgress-level {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.RaidProgress-level.ko-kr,
.ko-kr .RaidProgress-level {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.RaidProgress-level.ru-ru,
.ru-ru .RaidProgress-level {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.RaidProgress-level.zh-tw,
.zh-tw .RaidProgress-level {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.RaidProgress-body {
  padding: 0 20px;
}
.RaidProgress-body.gutter-vertical {
  padding: 20px 0;
}
.RaidProgress-body.gutter-all {
  padding: 20px;
}
.RaidProgress-body.gutter-negative {
  padding: 0;
  margin: 0 -20px;
}
.RaidProgress-body.gutter-negative.gutter-vertical {
  margin: -20px 0;
}
.RaidProgress-body.gutter-negative.gutter-all {
  margin: -20px;
}
.RaidProgress-difficulty {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #f8b700;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  text-transform: uppercase;
}
@media (min-width:720px) {
  .RaidProgress-difficulty {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .RaidProgress-difficulty {
    font-size: 1rem;
  }
}
.RaidProgress-difficulty.zh-cn,
.zh-cn .RaidProgress-difficulty {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.RaidProgress-difficulty.ko-kr,
.ko-kr .RaidProgress-difficulty {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.RaidProgress-difficulty.ru-ru,
.ru-ru .RaidProgress-difficulty {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.RaidProgress-difficulty.zh-tw,
.zh-tw .RaidProgress-difficulty {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.RaidProgress--bgFade .RaidProgress-head {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 80%, rgba(255, 255, 255, 0));
}
.RaidProgress-difficulties {
  width: 100%;
}
.RaidProgress-difficulty {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  border-bottom: solid 16px transparent;
}
html:not(.touch) .RaidProgress-difficulty:hover {
  color: #ffffff;
  cursor: pointer;
}
.RaidProgress-difficulty-name {
  width: 25%;
}
.RaidProgress-difficulty-progress {
  width: 75%;
}
.RaidProgress-slide {
  width: 66%;
}
/*# sourceMappingURL=RaidProgress.css.map */
.ProfileSpinner {
  min-height: 200px;
  margin-bottom: 300px;
}
@media (min-width:720px) {
  .ProfileSpinner {
    min-height: 500px;
  }
}
.ProfileSpinner-donut {
  margin-left: -32px;
  margin-top: -32px;
}
.ProfileSpinner-lottie {
  margin-left: -64px;
  margin-top: -64px;
}
/*# sourceMappingURL=ProfileSpinner.css.map */
.SearchInputField {
  position: relative;
}
.SearchInputField-searchIcon {
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 1;
}
.SearchInputField--small .SearchInputField-searchIcon {
  left: auto;
  right: 10px;
}
.SearchInputField-input {
  transition: 0.25s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  background: linear-gradient(to bottom, rgba(1, 1, 2, 0.97), rgba(21, 13, 6, 0.97));
  border: 1px solid #352011;
  color: #ffffff;
  outline: none;
  padding: 12px 20px 12px 54px;
  position: relative;
  width: 100%;
}
.SearchInputField-input:active,
.SearchInputField-input:focus {
  border-color: #674024;
}
.SearchInputField-input::-webkit-input-placeholder {
  color: #d79e0d;
  font-style: italic;
}
.SearchInputField-input:-moz-placeholder {
  color: #d79e0d;
  font-style: italic;
}
.SearchInputField-input::-moz-placeholder {
  color: #d79e0d;
  font-style: italic;
}
.SearchInputField-input::selection {
  background-color: #f8b700;
  color: #352011;
}
.SearchInputField--small .SearchInputField-input {
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  text-shadow: none;
  padding: 6px 38px 7px 10px;
}
@media (min-width:720px) {
  .SearchInputField--small .SearchInputField-input {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .SearchInputField--small .SearchInputField-input {
    font-size: 1rem;
  }
}
.SearchInputField--small .SearchInputField-input.zh-cn,
.zh-cn .SearchInputField--small .SearchInputField-input {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.SearchInputField--small .SearchInputField-input.ko-kr,
.ko-kr .SearchInputField--small .SearchInputField-input {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.SearchInputField--small .SearchInputField-input.ru-ru,
.ru-ru .SearchInputField--small .SearchInputField-input {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.SearchInputField--small .SearchInputField-input.zh-tw,
.zh-tw .SearchInputField--small .SearchInputField-input {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.SearchInputField--black .SearchInputField-input {
  border: 1px solid #f8b700;
  background: #000000;
}
@media (min-width:720px) {
  .SearchInputField--black .SearchInputField-input {
    min-width: 340px;
  }
}
.SearchInputField--black .SearchInputField-input::-webkit-input-placeholder {
  color: #777777;
  font-style: normal;
}
.SearchInputField--black .SearchInputField-input:-moz-placeholder {
  color: #777777;
  font-style: normal;
}
.SearchInputField--black .SearchInputField-input::-moz-placeholder {
  color: #777777;
  font-style: normal;
}
.SearchInputField--black .SearchInputField-input:hover,
.SearchInputField--black .SearchInputField-input:active,
.SearchInputField--black .SearchInputField-input:focus {
  border-color: #ffffff;
}
@media (min-width:720px) {
  .SearchInputField--small.SearchInputField--black .SearchInputField-input {
    min-width: 260px;
  }
}
/*# sourceMappingURL=SearchInputField.css.map */
.Reputation {
  position: relative;
}
.Reputation-title {
  padding-top: 5px;
}
.Reputation-title > * {
  display: inline-block;
}
.Reputation-progress {
  padding: 6.66666667px 0;
}
.Reputation-name.Reputation-subsection {
  color: #ffffff;
  font-size: 1.296rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  font-weight: 400;
}
@media (min-width:720px) {
  .Reputation-name.Reputation-subsection {
    font-size: 1.4688rem;
  }
}
@media (min-width:1280px) {
  .Reputation-name.Reputation-subsection {
    font-size: 1.728rem;
  }
}
.Reputation-name.Reputation-subsection.zh-cn,
.zh-cn .Reputation-name.Reputation-subsection {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Reputation-name.Reputation-subsection.ko-kr,
.ko-kr .Reputation-name.Reputation-subsection {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Reputation-name.Reputation-subsection.ru-ru,
.ru-ru .Reputation-name.Reputation-subsection {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Reputation-name.Reputation-subsection.zh-tw,
.zh-tw .Reputation-name.Reputation-subsection {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Reputation-name,
.Reputation-standing {
  font-size: 1.08rem;
  line-height: 1.5;
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  color: #ebdec2;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-weight: 400;
  text-shadow: none;
  line-height: 1.6;
  margin: 0;
}
@media (min-width:720px) {
  .Reputation-name,
  .Reputation-standing {
    font-size: 1.224rem;
  }
}
@media (min-width:1280px) {
  .Reputation-name,
  .Reputation-standing {
    font-size: 1.44rem;
  }
}
.Reputation-name.zh-cn,
.Reputation-standing.zh-cn,
.zh-cn .Reputation-name,
.zh-cn .Reputation-standing {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Reputation-name.ko-kr,
.Reputation-standing.ko-kr,
.ko-kr .Reputation-name,
.ko-kr .Reputation-standing {
  font-family: 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Reputation-name.ru-ru,
.Reputation-standing.ru-ru,
.ru-ru .Reputation-name,
.ru-ru .Reputation-standing {
  font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Reputation-name.zh-tw,
.Reputation-standing.zh-tw,
.zh-tw .Reputation-name,
.zh-tw .Reputation-standing {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Reputation-standing {
  position: absolute;
  right: 0;
  text-align: right;
}
.Reputation-progress .Progressbar-body {
  line-height: 1.5em;
  color: #ffffff;
  text-shadow: 0 0 1px transparent, 0px 1px 2px rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  line-height: 1.5;
  font-family: 'SemplicitaPro', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
  font-weight: 700;
  text-align: left;
  padding-left: 10px;
}
@media (min-width:720px) {
  .Reputation-progress .Progressbar-body {
    font-size: 1rem;
  }
}
@media (min-width:1280px) {
  .Reputation-progress .Progressbar-body {
    font-size: 1rem;
  }
}
.Reputation-progress .Progressbar-body.zh-cn,
.zh-cn .Reputation-progress .Progressbar-body {
  font-family: 'Arial', 'Helvetica', '微软雅黑', 'Microsoft YaHei', 'Hei SC', sans-serif;
}
.Reputation-progress .Progressbar-body.ko-kr,
.ko-kr .Reputation-progress .Progressbar-body {
  font-family: 'Nanum Gothic', 'Arial', 'Helvetica', '맑은 고딕', 'Malgun Gothic', '애플산돌고딕네오', 'AppleSDGothicNeo', '애플고딕', 'AppleGothic', '돋움', 'Dotum', sans-serif;
}
.Reputation-progress .Progressbar-body.ru-ru,
.ru-ru .Reputation-progress .Progressbar-body {
  font-family: 'Futura Demi', 'Open Sans', 'Arial', 'Helvetica', sans-serif;
}
.Reputation-progress .Progressbar-body.zh-tw,
.zh-tw .Reputation-progress .Progressbar-body {
  font-family: 'Arial', 'Helvetica', '黑體-繁', 'Heiti TC', '微軟正黑', 'Microsoft JhengHei', 'Tei TC', sans-serif;
}
.Reputation--DEFAULT .Reputation-standing {
  color: #0f9601;
}
.Reputation--EXALTED .Reputation-standing {
  color: #28a687;
}
.Reputation--REVERED .Reputation-standing {
  color: #0f9601;
}
.Reputation--HONORED .Reputation-standing {
  color: #0f9601;
}
.Reputation--FRIENDLY .Reputation-standing {
  color: #0f9601;
}
.Reputation--NEUTRAL .Reputation-standing {
  color: #edba03;
}
.Reputation--UNFRIENDLY .Reputation-standing {
  color: #cc3609;
}
.Reputation--HOSTILE .Reputation-standing {
  color: #d90e03;
}
.Reputation--HATED .Reputation-standing {
  color: #d90e03;
}
.Reputation--STRANGER .Reputation-standing {
  color: #cc3609;
}
.Reputation--ACQUAINTANCE .Reputation-standing {
  color: #edba03;
}
.Reputation--BUDDY .Reputation-standing {
  color: #0f9601;
}
.Reputation--FRIEND .Reputation-standing {
  color: #0f9601;
}
.Reputation--GOOD_FRIEND .Reputation-standing {
  color: #0f9601;
}
.Reputation--BEST_FRIEND .Reputation-standing {
  color: #28a687;
}
.Reputation--BODYGUARD .Reputation-standing {
  color: #0f9601;
}
.Reputation--TRUSTED_BODYGUARD .Reputation-standing {
  color: #0f9601;
}
.Reputation--PERSONAL_WINGMAN .Reputation-standing {
  color: #28a687;
}
.Reputation--WHELPLING .Reputation-standing,
.Reputation--TEMPORAL_TRAINEE .Reputation-standing,
.Reputation--TIMEHOPPER .Reputation-standing,
.Reputation--CHRONO-FRIEND .Reputation-standing,
.Reputation--BRONZE_ALLY .Reputation-standing,
.Reputation--EPOCH-MENDER .Reputation-standing {
  color: #0f9601;
}
.Reputation--TIMELORD .Reputation-standing {
  color: #28a687;
}
.Reputation--DUBIOUS .Reputation-standing,
.Reputation--APPREHENSIVE .Reputation-standing,
.Reputation--TENTATIVE .Reputation-standing,
.Reputation--AMBIVALENT .Reputation-standing,
.Reputation--CORDIAL .Reputation-standing {
  color: #0f9601;
}
.Reputation--APPRECIATIVE .Reputation-standing {
  color: #28a687;
}
.Reputation--RANK_1 .Reputation-standing,
.Reputation--RANK_2 .Reputation-standing,
.Reputation--RANK_3 .Reputation-standing,
.Reputation--RANK_4 .Reputation-standing,
.Reputation--RANK_5 .Reputation-standing,
.Reputation--RANK_6 .Reputation-standing,
.Reputation--RANK_7 .Reputation-standing {
  color: #0f9601;
}
.Reputation--RANK_8 .Reputation-standing {
  color: #28a687;
}
.Reputation--wide {
  box-sizing: border-box;
}
.Reputation--wide::before,
.Reputation--wide::after {
  content: '';
  display: table;
  clear: both;
}
.Reputation--wide .Reputation-title {
  text-align: center;
  padding-top: 24px;
}
.Reputation--wide .Reputation-name {
  clear: none;
  float: left;
  width: 25%;
  text-align: right;
  padding: 6.66666667px;
}
.Reputation--wide .Reputation-progress {
  clear: none;
  float: left;
  width: 50%;
  padding: 6.66666667px;
}
.Reputation--wide .Reputation-standing {
  clear: none;
  float: left;
  width: 25%;
  padding: 6.66666667px;
  text-align: left;
}
/*# sourceMappingURL=Reputation.css.map */
.CharacterProfileApp {
  position: relative;
  min-height: 100vh;
  background-color: #000000;
}
.CharacterProfileApp > .Pane-bg {
  background-position: center -225px;
  background-size: 1344px auto;
  opacity: 0.4;
  filter: blur(5px);
}
@media (min-width:540px) {
  .CharacterProfileApp > .Pane-bg {
    background-position: center -415px;
    background-size: 1752px auto;
  }
}
@media (min-width:720px) {
  .CharacterProfileApp > .Pane-bg {
    background-position: center -435px;
    background-size: 1968px auto;
  }
}
@media (min-width:980px) {
  .CharacterProfileApp > .Pane-bg {
    background-position: center -424px;
    background-size: 2400px auto;
  }
}
@media (min-width:1280px) {
  .CharacterProfileApp > .Pane-bg {
    background-position: center -416px;
  }
}
@media screen and (min-width: 1450px) {
  .CharacterProfileApp > .Pane-bg {
    background-position: center -401px;
  }
}
.CharacterProfileApp-spinnerWrapper {
  transition: 1s all 0s cubic-bezier(0.23, 1, 0.32, 1);
  position: absolute;
  height: 100vh;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 1;
}
.CharacterProfileApp--mounted .CharacterProfileApp-spinnerWrapper {
  opacity: 0;
}
.CharacterProfileApp--backgroundLoaded {
  min-height: 0;
}
.CharacterProfileApp--backgroundLoaded > .Pane-bg {
  opacity: 0;
  filter: blur(0);
}
/*# sourceMappingURL=CharacterProfileApp.css.map */