.lol-tooltip-component {
  display: none;
}
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm {
  text-transform: uppercase;
}
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ko-kr),
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(ja-jp),
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(tr-tr),
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(el-gr),
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(th-th),
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm:lang(zh-tw) {
  text-transform: none;
}
.decorated-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 1px;
  height: 50px;
  box-sizing: border-box;
}
.decorated-footer .confirm-button-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding-bottom: 15px;
}
.decorated-footer .confirm-button-container lol-uikit-primary-magic-button.confirm {
  display: flex;
  min-width: 160px;
  pointer-events: auto;
}
.decorated-footer .button-img {
  width: 30px;
  height: 30px;
  background-size: contain;
  background-color: transparent;
  border: 0px;
  outline: 0px;
}
.decorated-footer .button-img.close {
  background-image: url(/fe/lol-clash/button_close.png);
}
.decorated-footer .button-img.close:hover {
  background-image: url(/fe/lol-clash/button_close_hover.png);
}
.decorated-footer .button-img.close:active {
  background-image: url(/fe/lol-clash/button_close_click.png);
}
.decorated-footer .button-img.close:disabled {
  background-image: url(/fe/lol-clash/button_close_inactive.png);
}
.decorated-footer .decorated-footer-decoration {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  height: 34px;
  margin-top: 15px;
}
.decorated-footer .decorated-footer-decoration.decorated-footer-left .button {
  position: absolute;
  top: -13px;
  right: 2px;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  font-family: var(--font-display);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  -webkit-user-select: none;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  text-transform: uppercase;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ko-kr),
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(ja-jp),
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(tr-tr),
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(el-gr),
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(th-th),
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:lang(zh-tw) {
  text-transform: none;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  color: #c8aa6e;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.0325em;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover {
  color: #f0e6d2;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled,
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:disabled:hover,
.arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true'],
.arrow-footer[version="7.13"] .confirm-button-container button.confirm[disabled='true']:hover {
  color: #5c5b57;
  cursor: default;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:active {
  color: #785a28;
}
.arrow-footer[version="7.13"] {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 0 1px;
  height: 51px;
  box-sizing: border-box;
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm {
  margin-left: 0px;
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm .left-confirm {
  background-image: url(/fe/lol-clash/LeftStraightDefault.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:hover .left-confirm {
  background-image: url(/fe/lol-clash/LeftStraightHover.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm:active .left-confirm {
  background-image: url(/fe/lol-clash/LeftStraightClick.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.disabled .left-confirm {
  background-image: url(/fe/lol-clash/LeftStraightDisabled.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.confirm.completed .left-confirm {
  background-image: url(/fe/lol-clash/LeftStraightCompleted.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container button.close {
  display: none;
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .left-border-bg {
  background-image: url(/fe/lol-clash/BGLeftStraight.png);
}
.arrow-footer[version="7.13"].hide-close-button .confirm-button-container .border-bg .middle-border-bg {
  margin: 0 7px;
}
.arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration {
  flex-direction: column;
  justify-content: center;
}
.arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child {
  background-size: 100% 100%;
  width: 256px;
  height: 8px;
}
.arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-left {
  margin-right: 50px;
  align-self: flex-end;
  background-image: url(/fe/lol-clash/FooterMetalDecorationLeft.png);
}
.arrow-footer[version="7.13"].hide-close-button .arrow-footer-decoration .arrow-footer-decoration-child.arrow-footer-decoration-right {
  margin-left: 50px;
  align-self: flex-start;
  background-image: url(/fe/lol-clash/FooterMetalDecorationRight.png);
}
.arrow-footer[version="7.13"] .confirm-button-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.arrow-footer[version="7.13"] .confirm-button-container .border-bg {
  position: absolute;
  width: 100%;
  height: 44px;
  display: flex;
  top: -5px;
}
.arrow-footer[version="7.13"] .confirm-button-container .border-bg .left-border-bg {
  height: 44px;
  width: 29px;
  position: absolute;
  top: 0px;
  left: -6px;
  background-size: 100% 100%;
  background-image: url(/fe/lol-clash/BGLeft.png);
}
.arrow-footer[version="7.13"] .confirm-button-container .border-bg .middle-border-bg {
  flex-grow: 1;
  height: 44px;
  margin: 0px 12px;
  background-size: contain;
  background-image: url(/fe/lol-clash/BGMid.png);
}
.arrow-footer[version="7.13"] .confirm-button-container .border-bg .right-border-bg {
  height: 44px;
  width: 26px;
  position: absolute;
  top: 0;
  right: -6px;
  background-size: 100% 100%;
  background-image: url(/fe/lol-clash/BGRight.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button {
  border: 0;
  outline: 0;
  padding: 0;
  background-color: transparent;
  cursor: pointer;
}
.arrow-footer[version="7.13"] .confirm-button-container button.disabled {
  cursor: default;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm {
  height: 34px;
  min-width: 170px;
  margin-left: 29px;
  padding-right: 1px;
  color: #a3c7c7;
  position: relative;
  display: flex;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm > div {
  background-size: 100% 100%;
  height: 34px;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm .left-confirm {
  width: 12px;
  background-image: url(/fe/lol-clash/LeftDefault.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm .middle-confirm {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  padding: 0px 10px;
  background-repeat: repeat-x;
  background-image: url(/fe/lol-clash/MidDefault.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm .right-confirm {
  width: 17px;
  background-image: url(/fe/lol-clash/RightDefault.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .left-confirm {
  background-image: url(/fe/lol-clash/LeftHover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .middle-confirm {
  background-image: url(/fe/lol-clash/MidHover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:hover .right-confirm {
  background-image: url(/fe/lol-clash/RightHover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:active {
  color: #005a82;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .left-confirm {
  background-image: url(/fe/lol-clash/LeftClick.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .middle-confirm {
  background-image: url(/fe/lol-clash/MidClick.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm:active .right-confirm {
  background-image: url(/fe/lol-clash/RightClick.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled {
  color: #5c5b57;
  cursor: default;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .left-confirm {
  background-image: url(/fe/lol-clash/LeftDisabled.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .middle-confirm {
  background-image: url(/fe/lol-clash/MidDisabled.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.disabled .right-confirm {
  background-image: url(/fe/lol-clash/RightDisabled.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed {
  color: #c89b3c;
  cursor: default;
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .left-confirm {
  background-image: url(/fe/lol-clash/LeftCompleted.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .middle-confirm {
  background-image: url(/fe/lol-clash/MidCompleted.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.confirm.completed .right-confirm {
  background-image: url(/fe/lol-clash/RightCompleted.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close {
  width: 34px;
  height: 34px;
  background-size: contain;
  position: absolute;
  left: 0px;
  background-image: url(/fe/lol-clash/Normal.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close .close-icon {
  height: 34px;
  width: 34px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/fe/lol-clash/Exit_Default.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close[type="back"] .close-icon {
  background-image: url(/fe/lol-clash/Back_default.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:hover {
  background-image: url(/fe/lol-clash/Hover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:hover .close-icon {
  background-image: url(/fe/lol-clash/Exit_Hover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:hover[type="back"] .close-icon {
  background-image: url(/fe/lol-clash/Back_Hover.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:active {
  background-image: url(/fe/lol-clash/Clicked.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:active .close-icon {
  background-image: url(/fe/lol-clash/Exit_Click.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close:active[type="back"] .close-icon {
  background-image: url(/fe/lol-clash/Back_click.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.disabled {
  background-image: url(/fe/lol-clash/Disabled.png);
  cursor: default;
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.disabled .close-icon {
  background-image: url(/fe/lol-clash/Exit_Disabled.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.disabled[type="back"] .close-icon {
  background-image: url(/fe/lol-clash/Back_Disabled.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.completed {
  cursor: default;
  background-image: url(/fe/lol-clash/Completed.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.completed .close-icon {
  background-image: url(/fe/lol-clash/Checkmark.png);
}
.arrow-footer[version="7.13"] .confirm-button-container button.close.completed[type="back"] .close-icon {
  background-image: url(/fe/lol-clash/Checkmark.png);
}
.arrow-footer[version="7.13"] .arrow-footer-decoration {
  display: flex;
  position: relative;
  flex: 1 1 auto;
  height: 34px;
}
.basic-footer .confirm-button-container lol-uikit-primary-magic-button,
.basic-footer .confirm-button-container lol-uikit-flat-button {
  text-transform: uppercase;
}
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ko-kr),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(ko-kr),
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(ja-jp),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(ja-jp),
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(tr-tr),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(tr-tr),
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(el-gr),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(el-gr),
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(th-th),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(th-th),
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:lang(zh-tw),
.basic-footer .confirm-button-container lol-uikit-flat-button:lang(zh-tw) {
  text-transform: none;
}
.basic-footer {
  padding-left: 34px;
  padding-right: 35px;
}
.basic-footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  height: 48px;
  box-sizing: border-box;
}
.basic-footer .confirm-button-container {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-grow: 1;
}
.basic-footer .confirm-button-container lol-uikit-primary-magic-button,
.basic-footer .confirm-button-container lol-uikit-flat-button {
  display: flex;
  min-width: 160px;
  pointer-events: auto;
  margin-left: 10px;
}
.basic-footer .confirm-button-container lol-uikit-primary-magic-button:last-child,
.basic-footer .confirm-button-container lol-uikit-flat-button:last-child {
  margin-right: 10px;
}
.basic-footer .confirm-button-container::after,
.basic-footer .confirm-button-container::before {
  display: flex;
  border-top: 1px solid #785a28;
  margin-top: 16px;
  height: 1px;
  flex-grow: 1;
  content: " ";
}
.media-fader {
  position: absolute;
  top: 0;
}
.media-fader .media-fader-asset {
  -webkit-user-drag: none;
}
.media-swapper {
  position: relative;
}
.clash-generic-button.match-w,
.clash-generic-button.match-w .clash-generic-button-root,
.clash-generic-button.match-w .clash-generic-button-state,
.clash-generic-button.match-w img {
  width: 100%;
}
.clash-generic-button.match-h,
.clash-generic-button.match-h .clash-generic-button-root,
.clash-generic-button.match-h .clash-generic-button-state,
.clash-generic-button.match-h img {
  height: 100%;
}
.clash-generic-button.flip-x .clash-generic-button-root .clash-generic-button-state .clash-generic-button-primary-img-container {
  transform: scaleX(-1);
}
.clash-generic-button.flip-y .clash-generic-button-root .clash-generic-button-state .clash-generic-button-primary-img-container {
  transform: scaleY(-1);
}
.clash-generic-button .clash-generic-button-root {
  pointer-events: auto;
  cursor: pointer;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state:not(.active) {
  display: none;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state .clash-generic-button-primary-img-container {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state .clash-generic-button-primary-img-container.has-bg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state .clash-generic-button-text {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-generic-button .clash-generic-button-root .clash-generic-button-state .clash-generic-button-custom-content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-generic-button .clash-generic-button-root .disabled {
  cursor: auto;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-lol-pending-loader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 16px;
  box-sizing: border-box;
}
.clash-lol-pending-loader-segment {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #f0e6d2;
  border-radius: 2px;
}
.clash-lol-pending-loader-segment:nth-of-type(1) {
  animation: bounceLoader 1s -0.2s ease infinite;
}
.clash-lol-pending-loader-segment:nth-of-type(2) {
  animation: bounceLoader 1s -0.1s ease infinite;
}
.clash-lol-pending-loader-segment:nth-of-type(3) {
  animation: bounceLoader 1s 0s ease infinite;
}
@-moz-keyframes bounceLoader {
  0%, 60% {
    transform: scaleY(1) scaleX(1);
  }
  30% {
    transform: scaleY(1.4) scaleX(1.4);
  }
}
@-webkit-keyframes bounceLoader {
  0%, 60% {
    transform: scaleY(1) scaleX(1);
  }
  30% {
    transform: scaleY(1.4) scaleX(1.4);
  }
}
@-o-keyframes bounceLoader {
  0%, 60% {
    transform: scaleY(1) scaleX(1);
  }
  30% {
    transform: scaleY(1.4) scaleX(1.4);
  }
}
@keyframes bounceLoader {
  0%, 60% {
    transform: scaleY(1) scaleX(1);
  }
  30% {
    transform: scaleY(1.4) scaleX(1.4);
  }
}
.clash-spectate-button .spectate-timer {
  font-family: var(--font-display);
}
.clash-spectate-button .spectate-timer {
  -webkit-user-select: none;
}
.clash-spectate-button .spectate-timer {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-spectate-button .spectate-timer {
  text-transform: uppercase;
}
.clash-spectate-button .spectate-timer:lang(ko-kr),
.clash-spectate-button .spectate-timer:lang(ja-jp),
.clash-spectate-button .spectate-timer:lang(tr-tr),
.clash-spectate-button .spectate-timer:lang(el-gr),
.clash-spectate-button .spectate-timer:lang(th-th),
.clash-spectate-button .spectate-timer:lang(zh-tw) {
  text-transform: none;
}
.clash-spectate-button .spectate-timer {
  text-transform: none;
}
.clash-spectate-button .spectate-timer {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-spectate-button .spectate-timer {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-spectate-button {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 18px;
}
.clash-spectate-button .spectate-watch-now {
  display: inline-block;
  width: 150px;
  position: relative;
  text-align: center;
}
.clash-spectate-button .spectate-watch-now .spectate-red-dot {
  background-color: #b32d49;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  margin-left: 8px;
  margin-bottom: 3px;
}
.clash-spectate-button .spectate-watch-now .spectate-loading-spinner {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 32px;
  height: 32px;
}
.clash-spectate-button .spectate-timer {
  color: #f0e6d2;
  margin-top: 8px;
}
/* perfect-scrollbar v0.7.1 */
.ps{-ms-touch-action:auto;touch-action:auto;overflow:hidden !important;-ms-overflow-style:none}@supports (-ms-overflow-style: none){.ps{overflow:auto !important}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.ps{overflow:auto !important}}.ps.ps--active-x>.ps__scrollbar-x-rail,.ps.ps--active-y>.ps__scrollbar-y-rail{display:block;background-color:transparent}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps>.ps__scrollbar-x-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;bottom:0px;height:15px}.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;bottom:2px;height:6px}.ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x,.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x{height:11px}.ps>.ps__scrollbar-y-rail{display:none;position:absolute;opacity:0;-webkit-transition:background-color .2s linear, opacity .2s linear;-moz-transition:background-color .2s linear, opacity .2s linear;-o-transition:background-color .2s linear, opacity .2s linear;transition:background-color .2s linear, opacity .2s linear;right:0;width:15px}.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;-moz-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;-o-transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;transition:background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;right:2px;width:6px}.ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y,.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y{width:11px}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x{background-color:#999;height:11px}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail{background-color:#eee;opacity:.9}.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y{background-color:#999;width:11px}.ps:hover>.ps__scrollbar-x-rail,.ps:hover>.ps__scrollbar-y-rail{opacity:.6}.ps:hover>.ps__scrollbar-x-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x{background-color:#999}.ps:hover>.ps__scrollbar-y-rail:hover{background-color:#eee;opacity:.9}.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y{background-color:#999}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation,
.clash-bracket-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-bracket-layout {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
/* override horizontal scrollbar */
}
.clash-bracket-layout.is-bracket-tab {
  top: 66px;
}
.clash-bracket-layout .bracket-layout-overflow-wrapper {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.clash-bracket-layout .interactivity-blocker {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: auto;
}
.clash-bracket-layout .visible-area {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-mask-image: linear-gradient(90deg, transparent 1%, #000 20%, #000 80%, transparent 99%), linear-gradient(#000, #000);
  -webkit-mask-size: 100% 93%, auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: copy;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper {
  width: fit-content;
  -webkit-mask-image: linear-gradient(0deg, transparent 1%, #000 10%, #000 90%, transparent 99%);
  -webkit-mask-size: 100% 100%, auto;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-composite: copy;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content {
  position: relative;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content.start-hidden {
  opacity: 0;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .matches-wrapper {
  position: absolute;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .matches-wrapper .match {
  width: 278px;
  height: 62px;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .matches-wrapper .match.finals {
  height: 140px;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .lines-wrapper {
  position: relative;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .lines-wrapper .bracket-line {
  position: absolute;
  opacity: 0.5;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .lines-wrapper .bracket-line.local {
  opacity: 1;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .lines-wrapper .bracket-line.local path {
  stroke: #16cae5;
  stroke-width: 2;
}
.clash-bracket-layout .visible-area .fade-top-bot-wrapper .bracket-content .lines-wrapper .bracket-line.connector {
  width: 1px;
}
.clash-bracket-layout.force-visible .ps .ps__scrollbar-x-rail {
  opacity: 1;
}
.clash-bracket-layout .ps .ps__scrollbar-x-rail {
  margin: 5px 35px;
  bottom: 25px;
}
.clash-bracket-layout .ps .ps__scrollbar-x {
  background-color: #785a28;
  opacity: 1;
  border: 1px solid #000;
}
.clash-bracket-layout .ps .ps__scrollbar-x,
.clash-bracket-layout .ps .ps__scrollbar-x:hover,
.clash-bracket-layout .ps .ps__scrollbar-x-rail,
.clash-bracket-layout .ps .ps__scrollbar-x-rail:hover,
.clash-bracket-layout .ps .ps__scrollbar-x-rail .ps__scrollbar-x,
.clash-bracket-layout .ps .ps__scrollbar-x-rail:hover .ps__scrollbar-x,
.clash-bracket-layout .ps.ps--in-scrolling.ps--x .ps__scrollbar-x,
.clash-bracket-layout .ps.ps--in-scrolling.ps--x .ps__scrollbar-x:hover,
.clash-bracket-layout .ps.ps--in-scrolling.ps--x .ps__scrollbar-x-rail:hover .ps__scrollbar-x,
.clash-bracket-layout .ps.ps--in-scrolling.ps--x .ps__scrollbar-x-rail:hover .ps__scrollbar-x:hover,
.clash-bracket-layout .ps:hover .ps__scrollbar-x,
.clash-bracket-layout .ps:hover .ps__scrollbar-x:hover,
.clash-bracket-layout .ps:hover .ps__scrollbar-x-rail:hover .ps__scrollbar-x,
.clash-bracket-layout .ps:hover .ps__scrollbar-x-rail:hover .ps__scrollbar-x:hover,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x .ps__scrollbar-x,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x .ps__scrollbar-x:hover,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x .ps__scrollbar-x-rail:hover .ps__scrollbar-x,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x .ps__scrollbar-x-rail:hover .ps__scrollbar-x:hover {
  height: 4px;
}
.clash-bracket-layout .ps .ps__scrollbar-x-rail,
.clash-bracket-layout .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail,
.clash-bracket-layout .ps:hover > .ps__scrollbar-x-rail:hover,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail {
  background-color: transparent;
}
.clash-bracket-layout .ps.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail > .ps__scrollbar-x,
.clash-bracket-layout .ps:hover > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--x > .ps__scrollbar-x-rail:hover > .ps__scrollbar-x {
  background-color: #cdbe91;
}
.clash-bracket-layout .ps .ps__scrollbar-y {
  opacity: 0;
  border: 0;
}
.clash-bracket-layout .ps.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail > .ps__scrollbar-y,
.clash-bracket-layout .ps:hover > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y,
.clash-bracket-layout .ps:hover.ps--in-scrolling.ps--y > .ps__scrollbar-y-rail:hover > .ps__scrollbar-y {
  background-color: transparent;
}
.clash-bracket-layout .bracket-button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 100%;
  transition: transform 300ms ease-in-out;
}
.clash-bracket-layout .bracket-button-wrapper.winners {
  transform: translateY(100%);
}
.clash-bracket-layout .bracket-button-wrapper.winners .bracket-button-vertical {
  transform: translateY(-300%);
}
.clash-bracket-layout .bracket-button-wrapper.losers {
  transform: translateY(0);
}
.clash-bracket-layout .bracket-button-wrapper.losers .bracket-button-vertical {
  transform: translateY(66%);
}
.clash-bracket-layout .bracket-button-wrapper .bracket-button-vertical {
  width: 100%;
  height: 30px;
  left: 0;
  top: 0;
  transition: transform 300ms ease-in-out;
}
.clash-bracket-layout .bracket-button-wrapper .bracket-button-horizontal {
  width: 100%;
  height: 100%;
}
.clash-bracket-win-mark-video-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.clash-bracket-win-mark-video {
  position: absolute;
  left: 0;
  top: 0;
}
.clash-bracket-video {
  position: absolute;
  left: 50%;
  top: 50%;
}
.clash-bracket-video video,
.clash-bracket-win-mark-video video {
  transform: translate(-50%, -50%);
}
.clash-bracket-match .vs .vs-text {
  font-family: var(--font-display);
}
.clash-bracket-match .vs .vs-text {
  -webkit-user-select: none;
}
.clash-bracket-match .vs .vs-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-bracket-match .vs .vs-text {
  text-transform: uppercase;
}
.clash-bracket-match .vs .vs-text:lang(ko-kr),
.clash-bracket-match .vs .vs-text:lang(ja-jp),
.clash-bracket-match .vs .vs-text:lang(tr-tr),
.clash-bracket-match .vs .vs-text:lang(el-gr),
.clash-bracket-match .vs .vs-text:lang(th-th),
.clash-bracket-match .vs .vs-text:lang(zh-tw) {
  text-transform: none;
}
.clash-bracket-match .vs .vs-text {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-bracket-match {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background: rgba(29,29,29,0.78);
  opacity: 0.5;
  transition: opacity 0.2s linear;
}
.clash-bracket-match.hidden {
  visibility: hidden;
}
.clash-bracket-match .team-vs-team {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.clash-bracket-match.is-local,
.clash-bracket-match.has-roster:hover {
  opacity: 1;
  transition: unset;
}
.clash-bracket-match.finals .vs {
  margin: 0;
  width: 46px;
}
.clash-bracket-match .lines {
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  pointer-events: none;
}
.clash-bracket-match .vs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  height: calc(100% - 2px);
  width: 44px;
  padding: 1px 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clash-bracket-match .vs .vs-line {
  flex-shrink: 1;
}
.clash-bracket-match .vs .vs-box {
  min-height: 44px;
}
.clash-bracket-match .vs .vs-text {
  color: #6a6c6d;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  font-style: italic;
}
.clash-bracket-match .local-player-indicator {
  background-color: #fabe0a;
  position: absolute;
  display: block;
  bottom: -4px;
  height: 4px;
  left: 0;
  width: calc(50% + 1px);
}
.clash-bracket-match .withdraw-button-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -45px;
}
.clash-bracket-match-roster.finals .roster-determined .tag,
.clash-bracket-match-roster.winner.finals .tag,
.clash-bracket-match-roster.winner.local.finals .tag,
.clash-bracket-match-roster .tag {
  font-family: var(--font-display);
}
.clash-bracket-match-roster.finals .roster-determined .tag,
.clash-bracket-match-roster.winner.finals .tag,
.clash-bracket-match-roster.winner.local.finals .tag,
.clash-bracket-match-roster .tag {
  -webkit-user-select: none;
}
.clash-bracket-match-roster.finals .roster-determined .tag,
.clash-bracket-match-roster.winner.finals .tag,
.clash-bracket-match-roster.winner.local.finals .tag,
.clash-bracket-match-roster .tag {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-bracket-match-roster.finals .roster-determined .tag,
.clash-bracket-match-roster .tag {
  text-transform: uppercase;
}
.clash-bracket-match-roster.finals .roster-determined .tag:lang(ko-kr),
.clash-bracket-match-roster .tag:lang(ko-kr),
.clash-bracket-match-roster.finals .roster-determined .tag:lang(ja-jp),
.clash-bracket-match-roster .tag:lang(ja-jp),
.clash-bracket-match-roster.finals .roster-determined .tag:lang(tr-tr),
.clash-bracket-match-roster .tag:lang(tr-tr),
.clash-bracket-match-roster.finals .roster-determined .tag:lang(el-gr),
.clash-bracket-match-roster .tag:lang(el-gr),
.clash-bracket-match-roster.finals .roster-determined .tag:lang(th-th),
.clash-bracket-match-roster .tag:lang(th-th),
.clash-bracket-match-roster.finals .roster-determined .tag:lang(zh-tw),
.clash-bracket-match-roster .tag:lang(zh-tw) {
  text-transform: none;
}
.clash-bracket-match-roster.finals .roster-determined .tag {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-bracket-match-roster .tag {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-bracket-match-roster.winner.finals .tag,
.clash-bracket-match-roster.winner.local.finals .tag {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-bracket-match-roster,
.clash-bracket-match-roster .icon,
.clash-bracket-match-roster .tag,
.roster-determined,
.no-roster {
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-bracket-match-roster {
  position: relative;
  height: 100%;
  width: 50%;
  padding-right: 8%;
}
.clash-bracket-match-roster.has-roster {
  cursor: pointer;
}
.clash-bracket-match-roster.finals {
  padding-right: 6%;
  padding-left: 0;
}
.clash-bracket-match-roster.mirrored {
  padding-right: 0;
  padding-left: 8%;
}
.clash-bracket-match-roster.mirrored.finals {
  padding-right: 0;
  padding-left: 6%;
}
.clash-bracket-match-roster .bracket-match-background {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-size: cover;
  transform: scaleX(-1);
}
.clash-bracket-match-roster .bracket-match-background .bracket-match-glow {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.clash-bracket-match-roster.mirrored .bracket-match-background {
  transform: scaleX(1);
}
.clash-bracket-match-roster:hover .bracket-match-background {
  background-image: url("/fe/lol-clash/assets/images/brackets/match-normal-over.png");
}
.clash-bracket-match-roster:hover .bracket-match-background .bracket-match-glow {
  display: block;
}
.clash-bracket-match-roster:active .bracket-match-background {
  background-image: url("/fe/lol-clash/assets/images/brackets/match-normal-down.png");
}
.clash-bracket-match-roster:active .bracket-match-background .bracket-match-glow {
  display: none;
}
.clash-bracket-match-roster.finals:hover .bracket-match-background {
  background-image: url("/fe/lol-clash/assets/images/brackets/match-finals-over.png");
}
.clash-bracket-match-roster.finals:active .bracket-match-background {
  background-image: url("/fe/lol-clash/assets/images/brackets/match-finals-down.png");
}
.clash-bracket-match-roster.finals:active .bracket-match-background .bracket-match-glow {
  display: none;
}
.clash-bracket-match-roster:active .icon {
  transform: scale(0.9);
  -webkit-filter: saturate(0.5);
}
.clash-bracket-match-roster.finals .roster-determined {
  flex-direction: column;
}
.clash-bracket-match-roster.finals .roster-determined .icon img {
  height: 65%;
  margin-top: 5px;
}
.clash-bracket-match-roster.finals .roster-determined .tag {
  margin-top: 0;
  margin-bottom: 8px;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.clash-bracket-match-roster.finals .roster-determined .tag .tag-icon {
  margin-top: 0;
  margin-left: 20px;
}
.clash-bracket-match-roster.finals .roster-determined .tag .tag-icon img {
  height: 26px;
}
.clash-bracket-match-roster.finals .roster-determined.mirrored .tag {
  flex-direction: row-reverse;
}
.clash-bracket-match-roster.finals .roster-determined.mirrored .tag .tag-icon {
  margin-left: 0;
  margin-right: 20px;
}
.clash-bracket-match-roster.local .tag,
.clash-bracket-match-roster.local.finals .tag,
.clash-bracket-match-roster.local.loser .tag,
.clash-bracket-match-roster.local.loser.finals .tag {
  color: #fabe0a;
}
.clash-bracket-match-roster.loser,
.clash-bracket-match-roster.loser.finals {
  opacity: 0.7;
}
.clash-bracket-match-roster.loser .icon img,
.clash-bracket-match-roster.loser.finals .icon img {
  -webkit-filter: saturate(0);
}
.clash-bracket-match-roster.loser .tag,
.clash-bracket-match-roster.loser.finals .tag {
  color: #5b5a56;
}
.clash-bracket-match-roster.winner .tag,
.clash-bracket-match-roster.winner.finals .tag,
.clash-bracket-match-roster.winner.local .tag,
.clash-bracket-match-roster.winner.local.finals .tag {
  color: #0a96aa;
}
.clash-bracket-match-roster:hover .tag,
.clash-bracket-match-roster:hover.finals .tag,
.clash-bracket-match-roster:hover.local .tag,
.clash-bracket-match-roster:hover.loser .tag,
.clash-bracket-match-roster:hover.winner .tag {
  color: #f0e6d2;
}
.clash-bracket-match-roster:active .tag,
.clash-bracket-match-roster:active.finals .tag,
.clash-bracket-match-roster:active.local .tag,
.clash-bracket-match-roster:active.loser .tag,
.clash-bracket-match-roster:active.winner .tag {
  color: #5b5a56;
}
.clash-bracket-match-roster.finals.loser .tag,
.clash-bracket-match-roster.finals.winner .tag {
  justify-content: flex-end;
}
.clash-bracket-match-roster .icon {
  float: left;
  height: 100%;
  width: 60%;
}
.clash-bracket-match-roster .icon img {
  max-height: 85%;
}
.clash-bracket-match-roster .tag {
  width: 40%;
  flex-direction: column;
}
.clash-bracket-match-roster .tag .tag-icon {
  margin-top: 4px;
}
.clash-bracket-match-roster .tag .tag-icon img {
  height: 15px;
}
.roster-determined {
  position: relative;
  height: 100%;
  width: 100%;
  flex-direction: row;
}
.roster-determined.mirrored {
  flex-direction: row-reverse;
}
.no-roster {
  height: 100%;
  width: 100%;
}
.no-roster img {
  width: 40px;
}
.no-roster.finals img {
  width: 70px;
}
.clash-ticket-display .clash-ticket-display-ticket-count {
  font-family: var(--font-display);
}
.clash-ticket-display .clash-ticket-display-ticket-count {
  -webkit-user-select: none;
}
.clash-ticket-display .clash-ticket-display-ticket-count {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-ticket-display .clash-ticket-display-ticket-count {
  color: #a09b8c;
  font-size: 16px;
  font-weight: normal;
  line-height: 24px;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-ticket-display {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clash-ticket-display .clash-ticket-display-ticket-selector {
  position: relative;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.clash-ticket-display .clash-ticket-display-img {
  height: 100%;
}
.clash-ticket-display .clash-ticket-display-ticket-count {
  font-size: 13px;
  font-weight: 900;
  pointer-events: none;
}
.clash-ticket-display .clash-ticket-display-ticket-count.is-animating {
  visibility: hidden;
}
.clash-ticket-display.ticket-display-remote .clash-ticket-display-ticket-count {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2px;
}
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count {
  height: 100%;
}
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count .clash-generic-button-root .clash-generic-button-text {
  font-size: 22px;
  margin-bottom: 3px;
  pointer-events: none;
}
.clash-ticket-display .clash-ticket-display-ticket-count.ctd-selected,
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count.ctd-selected .clash-generic-button-root .clash-generic-button-text {
  color: #2c220e;
}
.clash-ticket-display .clash-ticket-display-ticket-count.ctd-lockedin,
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count.ctd-lockedin .clash-generic-button-root .clash-generic-button-text,
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count.ctd-buyin-0-disabled .clash-generic-button-root .clash-generic-button-text {
  color: #1d1609;
}
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count.ctd-buyin-0 .clash-generic-button-root .clash-generic-button-text,
.clash-ticket-display.ticket-display-local .clash-ticket-display-ticket-count.ctd-selected .clash-generic-button-root .clash-generic-button-state.over .clash-generic-button-text {
  color: #b2d9db;
}
.clash-ticket-display .clash-ticket-display-multi-bg {
  position: absolute;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.clash-ticket-display .clash-ticket-display-multi-bg {
  opacity: 1;
}
.clash-ticket-display .clash-ticket-display-multi-bg.is-animating,
.clash-ticket-display .clash-ticket-display-multi-bg.hidden {
  opacity: 0;
}
.clash-ticket-display-ticket-offer {
  width: 32px;
  height: 32px;
}
.clash-ticket-display-ticket-offer.local {
  margin: -8px;
}
.clash-ticket-offer-tooltip-offer {
  font-family: var(--font-body);
}
.clash-ticket-offer-tooltip-offer {
  -webkit-user-select: none;
}
.clash-ticket-offer-tooltip-offer {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-ticket-offer-tooltip-offer {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-ticket-offer-tooltip-offer:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-ticket-offer {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.clash-ticket-offer .offer-spinner {
  pointer-events: auto;
}
.clash-ticket-offer-button {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}
.clash-ticket-offer-button.disable-hover {
  pointer-events: none;
}
.clash-ticket-offer-tooltip-offer {
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-ticket-offer-tooltip-offer img {
  height: 20px;
  margin-left: 1px;
}
.clash-ticket-offer-prize-img {
  height: 60%;
}
.clash-standard-tooltip {
  font-family: var(--font-display);
}
.clash-standard-tooltip {
  -webkit-user-select: none;
}
.clash-standard-tooltip {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-standard-tooltip {
  text-transform: uppercase;
}
.clash-standard-tooltip:lang(ko-kr),
.clash-standard-tooltip:lang(ja-jp),
.clash-standard-tooltip:lang(tr-tr),
.clash-standard-tooltip:lang(el-gr),
.clash-standard-tooltip:lang(th-th),
.clash-standard-tooltip:lang(zh-tw) {
  text-transform: none;
}
.clash-standard-tooltip {
  text-transform: none;
}
.clash-standard-tooltip {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-standard-tooltip {
  letter-spacing: 0.0375em;
}
.clash-root .clash-root-background,
.clash-root .clash-root-background-team,
.clash-root .clash-root-background-landing {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-root {
  cursor: default;
}
.clash-root .clash-root-background-team {
  background-image: none;
  background-color: #040d18;
}
.clash-root .clash-root-background-landing {
  background-image: url("/fe/lol-clash/assets/images/background/background-landing.png");
}
.clash-root .clash-root-loading-spinner {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.clash-root .clash-root-faq-button {
  position: absolute;
  bottom: 15px;
}
.clash-root .clash-root-tournament-selector {
  position: absolute;
  min-width: 200px;
}
.clash-root .clash-root-tournament-selector[tab="hub"] {
  top: 141px;
  right: 35px;
}
.clash-root .clash-root-tournament-selector[tab="bracket"],
.clash-root .clash-root-tournament-selector[tab="hall_of_champs"],
.clash-root .clash-root-tournament-selector[tab="team"] {
  display: none;
}
.clash-votes-container {
  height: 20px;
  width: 360px;
  margin: 10px auto;
}
.clash-votes-container .vote-block {
  height: 36px;
  width: 36px;
  margin: 0 10px;
  display: inline-block;
  background-size: cover;
}
.clash-votes-container .vote-block.yes {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-yes.png");
}
.clash-votes-container .vote-block.no {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-no.png");
}
.clash-votes-container .vote-block.wait {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-wait.png");
}
.clash-beta-watermark {
  position: absolute;
  height: 90px;
  right: 30px;
  bottom: 30px;
  pointer-events: none;
}
.clash-beta-watermark[state="SCOUTING BRACKET_ROSTER"],
.clash-beta-watermark[state="IN_GAME BRACKET_ROSTER"] {
  top: 81px;
  right: 20px;
  left: auto;
  bottom: auto;
}
.clash-tab-hub {
  font-family: var(--font-body);
}
.clash-tab-hub {
  -webkit-user-select: none;
}
.clash-tab-hub {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tab-hub {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tab-hub:lang(ja-jp) {
  font-size: 13px;
}
.clash-tab-hub {
  position: absolute;
  top: 79px;
  left: 0;
  bottom: 0;
  width: 1055px;
  overflow: hidden;
  cursor: default;
  color: #a09b8c;
}
.clash-tab-hub .clash-tab-hub-content {
  position: absolute;
  top: 66px;
  bottom: 13px;
  right: 35px;
  left: 35px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tab-hub .clash-tab-hub-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.clash-tab-hub .clash-tab-hub-content.showLandingGlow {
  background-image: url("/fe/lol-clash/assets/images/landing/glow-background.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-x: 5px;
  background-position-y: 155px;
  padding-bottom: 13px;
  bottom: 0px;
}
.clash-tab-hub .clash-tab-hub-action-timeline {
  display: flex;
  height: 128px;
  min-height: 128px;
  width: 100%;
  pointer-events: none;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title,
.clash-team-notification-scouting-container .header-text,
.clash-team-notification-consolation-container .header-text,
.clash-team-notification-bye-container .header-text {
  font-family: var(--font-display);
}
.clash-tab-team,
.clash-team-notification-scouting-container .description-text,
.clash-team-notification-consolation-container .description-text,
.clash-team-notification-bye-container .description-text {
  font-family: var(--font-body);
}
.clash-tab-team,
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title,
.clash-team-notification-scouting-container .header-text,
.clash-team-notification-scouting-container .description-text,
.clash-team-notification-consolation-container .header-text,
.clash-team-notification-consolation-container .description-text,
.clash-team-notification-bye-container .header-text,
.clash-team-notification-bye-container .description-text {
  -webkit-user-select: none;
}
.clash-tab-team,
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title,
.clash-team-notification-scouting-container .header-text,
.clash-team-notification-scouting-container .description-text,
.clash-team-notification-consolation-container .header-text,
.clash-team-notification-consolation-container .description-text,
.clash-team-notification-bye-container .header-text,
.clash-team-notification-bye-container .description-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title,
.clash-team-notification-scouting-container .header-text,
.clash-team-notification-consolation-container .header-text,
.clash-team-notification-bye-container .header-text {
  text-transform: uppercase;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(ko-kr),
.clash-team-notification-scouting-container .header-text:lang(ko-kr),
.clash-team-notification-consolation-container .header-text:lang(ko-kr),
.clash-team-notification-bye-container .header-text:lang(ko-kr),
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(ja-jp),
.clash-team-notification-scouting-container .header-text:lang(ja-jp),
.clash-team-notification-consolation-container .header-text:lang(ja-jp),
.clash-team-notification-bye-container .header-text:lang(ja-jp),
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(tr-tr),
.clash-team-notification-scouting-container .header-text:lang(tr-tr),
.clash-team-notification-consolation-container .header-text:lang(tr-tr),
.clash-team-notification-bye-container .header-text:lang(tr-tr),
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(el-gr),
.clash-team-notification-scouting-container .header-text:lang(el-gr),
.clash-team-notification-consolation-container .header-text:lang(el-gr),
.clash-team-notification-bye-container .header-text:lang(el-gr),
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(th-th),
.clash-team-notification-scouting-container .header-text:lang(th-th),
.clash-team-notification-consolation-container .header-text:lang(th-th),
.clash-team-notification-bye-container .header-text:lang(th-th),
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title:lang(zh-tw),
.clash-team-notification-scouting-container .header-text:lang(zh-tw),
.clash-team-notification-consolation-container .header-text:lang(zh-tw),
.clash-team-notification-bye-container .header-text:lang(zh-tw) {
  text-transform: none;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-team-notification-bye-container .header-text {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-team-notification-scouting-container .header-text,
.clash-team-notification-consolation-container .header-text {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-tab-team,
.clash-team-notification-scouting-container .description-text,
.clash-team-notification-consolation-container .description-text,
.clash-team-notification-bye-container .description-text {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tab-team:lang(ja-jp),
.clash-team-notification-scouting-container .description-text:lang(ja-jp),
.clash-team-notification-consolation-container .description-text:lang(ja-jp),
.clash-team-notification-bye-container .description-text:lang(ja-jp) {
  font-size: 13px;
}
.clash-tab-team {
  position: absolute;
  top: 79px;
  left: 0;
  bottom: 0;
  width: 1055px;
  overflow: hidden;
  cursor: default;
  color: #a09b8c;
}
.clash-tab-team .clash-tab-team-content {
  position: absolute;
  top: 66px;
  bottom: 13px;
  right: 35px;
  left: 35px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tab-team .clash-tab-team-content {
  display: flex;
  flex-direction: column;
}
.clash-tab-team .clash-tab-team-top-row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.clash-tab-team .clash-tab-team-tournament-info {
  display: flex;
  flex-direction: column;
  width: 280px;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-my-tickets {
  margin-top: 2px;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .your-tier {
  display: none;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view {
  width: 192px;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav {
  justify-content: center;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-button {
  display: none;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-item-title {
  font-size: 18px;
  margin-top: -10px;
}
.clash-tab-team .clash-tab-team-tournament-info .clash-tournament-info .clash-tournament-info-rewards-view .clash-capsule-progress .clash-carousel .clash-carousel-nav.use-buttons-on-nav .clash-carousel-nav-pips-container {
  display: none;
}
.clash-tab-team .clash-tab-team-roster {
  display: flex;
  flex-direction: column;
  width: 665px;
  height: 394px;
}
.clash-tab-team .clash-tab-team-action-timeline {
  position: absolute;
  display: flex;
  height: 128px;
  min-height: 128px;
  bottom: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
}
.clash-team-notification-scouting-container {
  width: 300px;
  height: 240px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.clash-team-notification-scouting-container .header-text {
  text-align: center;
  margin-top: 10px;
}
.clash-team-notification-scouting-container .description-image {
  height: 120px;
}
.clash-team-notification-scouting-container .description-text {
  text-align: justify;
  margin-left: 15px;
  margin-right: 15px;
}
.clash-team-notification-consolation-container {
  width: 460px;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 25px;
}
.clash-team-notification-consolation-container .header-text {
  text-align: center;
  margin-top: 10px;
  margin-left: 60px;
  margin-right: 60px;
}
.clash-team-notification-consolation-container .description-image {
  height: 130px;
  margin-top: 5px;
}
.clash-team-notification-consolation-container .description-text {
  text-align: center;
  margin-left: 15px;
  margin-right: 15px;
}
.clash-team-notification-bye-container {
  width: 450px;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 25px;
}
.clash-team-notification-bye-container .header-text {
  text-align: center;
  margin: 10px 30px 0;
}
.clash-team-notification-bye-container .description-image {
  height: 130px;
}
.clash-team-notification-bye-container .description-text {
  text-align: center;
  margin: 0 35px 25px;
}
.clash-tab-bracket .clash-tab-bracket-root {
  font-family: var(--font-body);
}
.clash-tab-bracket .clash-tab-bracket-root {
  -webkit-user-select: none;
}
.clash-tab-bracket .clash-tab-bracket-root {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tab-bracket .clash-tab-bracket-root {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tab-bracket .clash-tab-bracket-root:lang(ja-jp) {
  font-size: 13px;
}
.clash-tab-bracket .clash-tab-bracket-root {
  position: absolute;
  top: 79px;
  left: 0;
  bottom: 0;
  width: 1055px;
  overflow: hidden;
  cursor: default;
  color: #a09b8c;
}
.clash-tab-bracket .clash-tab-bracket-content {
  position: absolute;
  top: 66px;
  bottom: 13px;
  right: 35px;
  left: 35px;
}
.clash-tab-bracket .clash-tab-bracket-background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tab-bracket .clash-tab-bracket-header,
.clash-tab-bracket .clash-tab-bracket-nav {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  height: 52px;
}
.clash-tab-bracket .clash-tab-bracket-content {
  pointer-events: none;
}
.clash-tab-bracket .clash-tab-bracket-header {
  width: 60%;
  pointer-events: auto;
}
.clash-tab-bracket .clash-tab-bracket-nav {
  left: 60%;
  width: 40%;
  pointer-events: auto;
}
.clash-tab-bracket .clash-tab-bracket-layout {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
}
.clash-tab-bracket .clash-tab-bracket-loading-spinner {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number,
.clash-state-countdown .state-countdown-content.HUB .countdown-timer,
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  font-family: var(--font-display);
}
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-text,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-text,
.clash-state-countdown .state-countdown-content.landing .countdown-text,
.clash-state-countdown .state-countdown-content.IDLE .countdown-text,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-text,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-text,
.clash-state-countdown .state-countdown-content.default .countdown-text {
  font-family: var(--font-body);
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-text,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-text,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-text,
.clash-state-countdown .state-countdown-content.IDLE .countdown-text,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-text,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-text,
.clash-state-countdown .state-countdown-content.default .countdown-text,
.clash-state-countdown .state-countdown-content.HUB .countdown-timer,
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  -webkit-user-select: none;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-text,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-text,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-text,
.clash-state-countdown .state-countdown-content.IDLE .countdown-text,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-text,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-text,
.clash-state-countdown .state-countdown-content.default .countdown-text,
.clash-state-countdown .state-countdown-content.HUB .countdown-timer,
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number,
.clash-state-countdown .state-countdown-content.HUB .countdown-timer,
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  text-transform: uppercase;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(ko-kr),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(ko-kr),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(ko-kr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(ja-jp),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(ja-jp),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(ja-jp),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(tr-tr),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(tr-tr),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(tr-tr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(el-gr),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(el-gr),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(el-gr),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(th-th),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(th-th),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(th-th),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.landing .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.default .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.default .countdown-timer .number:lang(zh-tw),
.clash-state-countdown .state-countdown-content.HUB .countdown-timer:lang(zh-tw),
.clash-state-countdown .state-countdown-content.HUB .countdown-text:lang(zh-tw) {
  text-transform: none;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-timer,
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  text-transform: none;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-timer {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-timer {
  letter-spacing: 0.025em;
}
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  letter-spacing: 0.0375em;
}
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-text,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-text,
.clash-state-countdown .state-countdown-content.landing .countdown-text,
.clash-state-countdown .state-countdown-content.IDLE .countdown-text,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-text,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-text,
.clash-state-countdown .state-countdown-content.default .countdown-text {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer,
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer {
  color: #f0e6d2;
}
.clash-state-countdown .state-countdown-content.action-timeline .countdown-timer .number,
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer .number,
.clash-state-countdown .state-countdown-content.landing .countdown-timer .number,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer .number,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer .number,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer .number,
.clash-state-countdown .state-countdown-content.default .countdown-timer .number {
  color: #f0e6d2;
  line-height: 0;
}
.clash-state-countdown .state-countdown-content {
  pointer-events: none;
}
.clash-state-countdown .state-countdown-content .countdown-timer {
  pointer-events: none;
}
.clash-state-countdown .state-countdown-content.action-timeline {
  text-align: center;
  margin-bottom: 5px;
}
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer {
  font-size: 14px;
  color: #f0e6d2;
}
.clash-state-countdown .state-countdown-content.game-info-panel .countdown-timer .number {
  font-size: 18px;
}
.clash-state-countdown .state-countdown-content.SCOUTING,
.clash-state-countdown .state-countdown-content.IN_GAME {
  position: absolute;
  bottom: 84px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-timer,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-timer {
  margin-bottom: 5px;
}
.clash-state-countdown .state-countdown-content.SCOUTING .countdown-text,
.clash-state-countdown .state-countdown-content.IN_GAME .countdown-text {
  font-size: 16px;
  color: #a09b8c;
  white-space: nowrap;
}
.clash-state-countdown .state-countdown-content.landing,
.clash-state-countdown .state-countdown-content.IDLE,
.clash-state-countdown .state-countdown-content.LOCK_IN,
.clash-state-countdown .state-countdown-content.RESULTS,
.clash-state-countdown .state-countdown-content.default {
  text-align: center;
}
.clash-state-countdown .state-countdown-content.landing .countdown-timer,
.clash-state-countdown .state-countdown-content.IDLE .countdown-timer,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-timer,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-timer,
.clash-state-countdown .state-countdown-content.default .countdown-timer {
  margin-bottom: 5px;
}
.clash-state-countdown .state-countdown-content.landing .countdown-text,
.clash-state-countdown .state-countdown-content.IDLE .countdown-text,
.clash-state-countdown .state-countdown-content.LOCK_IN .countdown-text,
.clash-state-countdown .state-countdown-content.RESULTS .countdown-text,
.clash-state-countdown .state-countdown-content.default .countdown-text {
  font-size: 16px;
  color: #a09b8c;
  white-space: nowrap;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-timer {
  margin-left: 15px;
  color: #f0e6d2;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-text {
  float: left;
  color: #a09b8c;
  margin-top: 5px;
}
.clash-state-countdown .state-countdown-content.HUB .countdown-text::after {
  content: ":";
}
.clash-landing .center-container .landing-title,
.clash-landing .center-container .landing-date {
  font-family: var(--font-display);
}
.clash-landing .center-container .landing-copy {
  font-family: var(--font-body);
}
.clash-landing .center-container .landing-title,
.clash-landing .center-container .landing-date,
.clash-landing .center-container .landing-copy {
  -webkit-user-select: none;
}
.clash-landing .center-container .landing-title,
.clash-landing .center-container .landing-date,
.clash-landing .center-container .landing-copy {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-landing .center-container .landing-title,
.clash-landing .center-container .landing-date {
  text-transform: uppercase;
}
.clash-landing .center-container .landing-title:lang(ko-kr),
.clash-landing .center-container .landing-date:lang(ko-kr),
.clash-landing .center-container .landing-title:lang(ja-jp),
.clash-landing .center-container .landing-date:lang(ja-jp),
.clash-landing .center-container .landing-title:lang(tr-tr),
.clash-landing .center-container .landing-date:lang(tr-tr),
.clash-landing .center-container .landing-title:lang(el-gr),
.clash-landing .center-container .landing-date:lang(el-gr),
.clash-landing .center-container .landing-title:lang(th-th),
.clash-landing .center-container .landing-date:lang(th-th),
.clash-landing .center-container .landing-title:lang(zh-tw),
.clash-landing .center-container .landing-date:lang(zh-tw) {
  text-transform: none;
}
.clash-landing .center-container .landing-title {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-landing .center-container .landing-date {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-landing .center-container .landing-copy {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-landing .center-container .landing-copy:lang(ja-jp) {
  font-size: 13px;
}
.clash-landing {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.clash-landing .center-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  word-wrap: break-word;
  width: 100%;
  margin-top: 148px;
}
.clash-landing .center-container .landing-title {
  color: #f0e6d2;
  width: 100%;
}
.clash-landing .center-container .landing-date {
  font-size: 14px;
  font-weight: 500;
  color: #c8aa6e;
  width: 100%;
  margin-top: 10px;
}
.clash-landing .center-container .landing-copy {
  width: 470px;
  margin-top: 20px;
}
.clash-tournament-info .clash-tournament-info-title,
.clash-tournament-info .clash-tournament-info-subtitle,
.clash-tournament-info-ticket-button-tooltip-header {
  font-family: var(--font-display);
}
.clash-tournament-info .your-tier,
.clash-tournament-info .clash-tournament-info-ticket-button-contents {
  font-family: var(--font-body);
}
.clash-tournament-info .clash-tournament-info-title,
.clash-tournament-info .clash-tournament-info-subtitle,
.clash-tournament-info .your-tier,
.clash-tournament-info .clash-tournament-info-ticket-button-contents,
.clash-tournament-info-ticket-button-tooltip-header {
  -webkit-user-select: none;
}
.clash-tournament-info .clash-tournament-info-title,
.clash-tournament-info .clash-tournament-info-subtitle,
.clash-tournament-info .your-tier,
.clash-tournament-info .clash-tournament-info-ticket-button-contents,
.clash-tournament-info-ticket-button-tooltip-header {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tournament-info .clash-tournament-info-title,
.clash-tournament-info .clash-tournament-info-subtitle,
.clash-tournament-info-ticket-button-tooltip-header {
  text-transform: uppercase;
}
.clash-tournament-info .clash-tournament-info-title:lang(ko-kr),
.clash-tournament-info .clash-tournament-info-subtitle:lang(ko-kr),
.clash-tournament-info-ticket-button-tooltip-header:lang(ko-kr),
.clash-tournament-info .clash-tournament-info-title:lang(ja-jp),
.clash-tournament-info .clash-tournament-info-subtitle:lang(ja-jp),
.clash-tournament-info-ticket-button-tooltip-header:lang(ja-jp),
.clash-tournament-info .clash-tournament-info-title:lang(tr-tr),
.clash-tournament-info .clash-tournament-info-subtitle:lang(tr-tr),
.clash-tournament-info-ticket-button-tooltip-header:lang(tr-tr),
.clash-tournament-info .clash-tournament-info-title:lang(el-gr),
.clash-tournament-info .clash-tournament-info-subtitle:lang(el-gr),
.clash-tournament-info-ticket-button-tooltip-header:lang(el-gr),
.clash-tournament-info .clash-tournament-info-title:lang(th-th),
.clash-tournament-info .clash-tournament-info-subtitle:lang(th-th),
.clash-tournament-info-ticket-button-tooltip-header:lang(th-th),
.clash-tournament-info .clash-tournament-info-title:lang(zh-tw),
.clash-tournament-info .clash-tournament-info-subtitle:lang(zh-tw),
.clash-tournament-info-ticket-button-tooltip-header:lang(zh-tw) {
  text-transform: none;
}
.clash-tournament-info .clash-tournament-info-title {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-tournament-info .clash-tournament-info-subtitle {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-tournament-info-ticket-button-tooltip-header {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-tournament-info .your-tier,
.clash-tournament-info .clash-tournament-info-ticket-button-contents {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tournament-info .clash-tournament-info-subtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tournament-info {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 15px;
  min-height: 100%;
}
.clash-tournament-info.clash-tournament-info-show-border {
  border: 1px solid rgba(255,255,255,0.22);
}
.clash-tournament-info .clash-tournament-info-title {
  color: #f0e6d2;
  text-align: center;
}
.clash-tournament-info .clash-tournament-info-subtitle {
  width: 100%;
  color: #5b5a56;
  text-align: center;
}
.clash-tournament-info .your-tier {
  font-size: 12px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
.clash-tournament-info .your-tier .clash-tier-placement {
  background-color: #a09b8c;
  margin-left: 8px;
  border-radius: 3px;
}
.clash-tournament-info .your-tier .clash-tier-placement .clash-tier-placement-visual {
  font-size: 14px;
}
.clash-tournament-info .clash-tournament-info-rewards-view {
  width: 200px;
  position: relative;
  pointer-events: none;
  margin-top: 10px;
}
.clash-tournament-info .clash-tournament-info-my-tickets {
  width: 100%;
  height: 32px;
  margin-top: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-tournament-info .clash-tournament-info-ticket-button {
  width: 155px;
  height: 100%;
  margin: 0 12px;
}
.clash-tournament-info .clash-tournament-info-ticket-button-contents {
  color: #cdbe91;
  font-size: 14px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e2328;
  border: 1px solid transparent;
  border-image: linear-gradient(to bottom, #c8aa6e, #785a28) 1 stretch;
}
.clash-tournament-info .clash-tournament-info-ticket-button:hover .clash-tournament-info-ticket-button-contents {
  border-image: linear-gradient(to bottom, #f0e6d2, #c8aa6e) 1 stretch;
}
.clash-tournament-info .clash-tournament-info-ticket-button-contents img {
  height: 20px;
  width: auto;
  margin: 3px;
}
.clash-tournament-info .clash-tournament-info-ticket-button .clash-generic-button-root .clash-generic-button-state.over .clash-tournament-info-ticket-button-contents {
  color: #f0e6d2;
  background: #1e282d;
}
.clash-tournament-info .clash-tournament-info-ticket-button .clash-generic-button-root .clash-generic-button-state.down .clash-tournament-info-ticket-button-contents {
  color: #785a28;
  border-image: none;
  border-color: #785a28;
}
.clash-tournament-info .clash-tournament-info-ticket-button .clash-generic-button-root .clash-generic-button-state.disabled .clash-tournament-info-ticket-button-contents {
  border-image: none;
  border-color: #5b5a56;
  color: #5b5a56;
}
.clash-tournament-info-ticket-button-tooltip-layout {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.clash-tournament-info-ticket-button-tooltip-header {
  color: #cdbe91;
  margin-bottom: 5px;
}
.clash-tier-placement-tooltip-title {
  font-family: var(--font-display);
}
.clash-tier-placement-tooltip-member-name {
  font-family: var(--font-body);
}
.clash-tier-placement-tooltip-title,
.clash-tier-placement-tooltip-member-name {
  -webkit-user-select: none;
}
.clash-tier-placement-tooltip-title,
.clash-tier-placement-tooltip-member-name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tier-placement-tooltip-title {
  text-transform: uppercase;
}
.clash-tier-placement-tooltip-title:lang(ko-kr),
.clash-tier-placement-tooltip-title:lang(ja-jp),
.clash-tier-placement-tooltip-title:lang(tr-tr),
.clash-tier-placement-tooltip-title:lang(el-gr),
.clash-tier-placement-tooltip-title:lang(th-th),
.clash-tier-placement-tooltip-title:lang(zh-tw) {
  text-transform: none;
}
.clash-tier-placement-tooltip-title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-tier-placement-tooltip-member-name {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tier-placement-tooltip-member-name:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tier-placement-tooltip {
  position: relative;
  width: 350px;
  white-space: normal;
}
.clash-tier-placement-tooltip-membertiers {
  position: relative;
  width: 300px;
  white-space: normal;
  padding: 0 15px;
}
.clash-tier-placement-tooltip-member {
  display: flex;
  min-height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,0.22);
}
.clash-tier-placement-tooltip-member:last-child {
  border-bottom: 0;
}
.clash-tier-placement-tooltip-title {
  font-size: 14px;
  color: #f0e6d2;
  margin-bottom: 6px;
}
.clash-tier-placement-tooltip-member-name {
  color: #a09b8c;
}
.clash-tier-placement-tooltip-tier {
  margin-left: auto;
}
.clash-trophy-container {
  position: relative;
  height: 205px;
  top: 10px;
}
.clash-trophy-pedestal,
.clash-trophy-cupgem {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.clash-trophy-pedestal {
  height: 69px;
  bottom: 0;
}
.clash-trophy-cupgem {
  height: 177px;
  top: 0;
}
.clash-trophy-placeholder-cupgem {
  height: 170px;
  top: 30px;
  transform: scale(1.6);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.clash-tier-placement-visual {
  font-family: var(--font-display);
}
.clash-tier-placement-visual {
  -webkit-user-select: none;
}
.clash-tier-placement-visual {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tier-placement-visual {
  text-transform: uppercase;
}
.clash-tier-placement-visual:lang(ko-kr),
.clash-tier-placement-visual:lang(ja-jp),
.clash-tier-placement-visual:lang(tr-tr),
.clash-tier-placement-visual:lang(el-gr),
.clash-tier-placement-visual:lang(th-th),
.clash-tier-placement-visual:lang(zh-tw) {
  text-transform: none;
}
.clash-tier-placement-visual {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tier-placement-visual {
  font-size: 16px;
  background: #a09b8c;
  color: #000;
  padding: 0 4px;
  border-radius: 3px;
}
.rewards-preview-container .body .body-section .rewards-text-container,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  font-family: var(--font-display);
}
.rewards-preview-container .body .body-section .rewards-text-container,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  -webkit-user-select: none;
}
.rewards-preview-container .body .body-section .rewards-text-container,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.rewards-preview-container .body .body-section .rewards-text-container,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  text-transform: uppercase;
}
.rewards-preview-container .body .body-section .rewards-text-container:lang(ko-kr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(ko-kr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(ko-kr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(ko-kr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(ko-kr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(ko-kr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(ko-kr),
.rewards-preview-container .body .body-section .rewards-text-container:lang(ja-jp),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(ja-jp),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(ja-jp),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(ja-jp),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(ja-jp),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(ja-jp),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(ja-jp),
.rewards-preview-container .body .body-section .rewards-text-container:lang(tr-tr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(tr-tr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(tr-tr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(tr-tr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(tr-tr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(tr-tr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(tr-tr),
.rewards-preview-container .body .body-section .rewards-text-container:lang(el-gr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(el-gr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(el-gr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(el-gr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(el-gr),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(el-gr),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(el-gr),
.rewards-preview-container .body .body-section .rewards-text-container:lang(th-th),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(th-th),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(th-th),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(th-th),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(th-th),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(th-th),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(th-th),
.rewards-preview-container .body .body-section .rewards-text-container:lang(zh-tw),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label:lang(zh-tw),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label:lang(zh-tw),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content:lang(zh-tw),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content:lang(zh-tw),
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading:lang(zh-tw),
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading:lang(zh-tw) {
  text-transform: none;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label {
  text-transform: none;
}
.rewards-preview-container .body .body-section .rewards-text-container,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-rewards-preview.is-roster-being-viewed {
  opacity: 0.5;
}
.rewards-preview-container {
  position: absolute;
  top: 102px;
  margin-top: 255px;
  height: 90px;
  width: 332px;
  left: 0;
  text-align: center;
  border-bottom: 1px solid rgba(128,128,128,0.3);
}
.rewards-preview-container .vp-progress {
  height: 90px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
}
.rewards-preview-container .body {
  height: 52px;
  margin-top: 19px;
}
.rewards-preview-container .body .body-section {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 162px;
  text-align: right;
}
.rewards-preview-container .body .body-section .rewards-icon-container {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border: 1px solid #ab9363;
  background-size: cover;
}
.rewards-preview-container .body .body-section .rewards-text-container {
  color: #a09b8c;
  font-size: 12px;
  display: inline-block;
  vertical-align: middle;
  width: 80px;
  height: 50px;
  margin-left: 10px;
  text-align: left;
}
.rewards-preview-container .body .body-section .text-label {
  line-height: 14px;
}
.rewards-preview-container .body .body-section .text-content {
  line-height: 20px;
}
.rewards-preview-container .body .vertical-line {
  display: inline-block;
  height: 100%;
  width: 1px;
  background-color: rgba(128,128,128,0.3);
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"],
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] {
  top: 440px;
  height: 160px;
  width: 320px;
  right: 0;
  left: initial;
  margin-top: 0;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .vp-progress,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .vp-progress {
  height: 75px;
  width: 75px;
  background-size: contain;
  background-repeat: no-repeat;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body {
  height: 52px;
  margin-top: 30px;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  width: 155px;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .icon-container,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .icon-container {
  width: 75px;
  height: 75px;
  margin: 0 auto 8px;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-label,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-label {
  color: #ab9363;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .body-section .text-content,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .body-section .text-content {
  color: #f0e6d2;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .body .vertical-line,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .body .vertical-line {
  display: none;
}
.rewards-preview-container[state="SCOUTING BRACKET_ROSTER"] .heading,
.rewards-preview-container[state="IN_GAME BRACKET_ROSTER"] .heading {
  display: block;
  padding-top: 15px;
  color: #785a28;
  border-bottom: 1px solid rgba(128,128,128,0.3);
  padding-bottom: 10px;
}
.rewards-preview-container .heading {
  display: none;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-details {
  height: 84px;
  min-height: 84px;
  padding-right: 10px;
  border: 1px solid rgba(255,255,255,0.22);
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-roster-details.is-roster-details-editable:hover {
  border-image: linear-gradient(to bottom, #c8aa6e, #785a28) 1 stretch;
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.1));
  cursor: pointer;
}
.clash-roster-details:not(.is-roster-details-editable) {
  border: 1px solid transparent;
  border-bottom: 1px solid rgba(255,255,255,0.22);
}
.clash-roster-details .clash-roster-details-edit-icon {
  width: 18px;
  height: 18px;
  opacity: 1;
}
.clash-roster-details .clash-roster-details-edit-icon img {
  height: 100%;
}
.clash-roster-details.is-roster-details-editable .clash-roster-details-edit-icon {
  background-image: url("/fe/lol-clash/assets/images/buttons/icon-lock.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.clash-roster-details.is-roster-details-editable:hover .clash-roster-details-edit-icon {
  background-image: url("/fe/lol-clash/assets/images/buttons/icon-lock-over.png");
}
.clash-roster-details.is-roster-details-editable.is-captain .clash-roster-details-edit-icon {
  background: url("/fe/lol-clash/assets/images/buttons/icon-edit.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.clash-roster-details.is-roster-details-editable.is-captain:hover .clash-roster-details-edit-icon {
  background-image: url("/fe/lol-clash/assets/images/buttons/icon-edit-over.png");
}
.clash-roster-details:not(.is-roster-details-editable) .clash-roster-details-edit-icon {
  background-image: url("/fe/lol-clash/assets/images/buttons/icon-lock.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-member-list {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.ticket-dropdown-header {
  font-family: var(--font-display);
}
.clash-roster-member .clash-roster-member-summoner-name,
.clash-roster-member .clash-roster-member-visual-state,
.clash-roster-member .clash-roster-member-empty-slot-text {
  font-family: var(--font-body);
}
.clash-roster-member .clash-roster-member-summoner-name,
.clash-roster-member .clash-roster-member-visual-state,
.clash-roster-member .clash-roster-member-empty-slot-text,
.ticket-dropdown-header {
  -webkit-user-select: none;
}
.clash-roster-member .clash-roster-member-summoner-name,
.clash-roster-member .clash-roster-member-visual-state,
.clash-roster-member .clash-roster-member-empty-slot-text,
.ticket-dropdown-header {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.ticket-dropdown-header {
  text-transform: uppercase;
}
.ticket-dropdown-header:lang(ko-kr),
.ticket-dropdown-header:lang(ja-jp),
.ticket-dropdown-header:lang(tr-tr),
.ticket-dropdown-header:lang(el-gr),
.ticket-dropdown-header:lang(th-th),
.ticket-dropdown-header:lang(zh-tw) {
  text-transform: none;
}
.ticket-dropdown-header {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-roster-member .clash-roster-member-summoner-name,
.clash-roster-member .clash-roster-member-visual-state,
.clash-roster-member .clash-roster-member-empty-slot-text {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-member .clash-roster-member-right-align-container,
.clash-roster-member .clash-roster-member-right-align-col-0,
.clash-roster-member .clash-roster-member-right-align-col-1,
.clash-roster-member .clash-roster-member-right-align-col-2 {
  width: 0;
  height: 0;
}
.clash-roster-member .clash-roster-member-captain-icon,
.clash-roster-member .clash-roster-member-sub-icon,
.clash-roster-member .clash-roster-member-ticket-selector,
.clash-roster-member .clash-roster-member-position-selector,
.clash-roster-member .clash-roster-member-blocking-action-button {
  transform: translate(-50%, -50%);
  position: relative;
}
.clash-roster-member .clash-roster-member-summoner-name,
.clash-roster-member .clash-roster-member-visual-state,
.clash-roster-member .clash-roster-member-empty-slot-text {
  color: #5b5a56;
  font-size: 14px;
}
.clash-roster-member {
  min-height: 48px;
  max-height: 48px;
  border: 0;
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, transparent, rgba(255,255,255,0.22) 10%, rgba(255,255,255,0.22) 90%, transparent) 1;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clash-roster-member.clash-roster-member-local {
  min-height: 114px;
  max-height: 114px;
}
.clash-roster-member:not(.is-being-viewed):hover {
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.1) 10%, rgba(255,255,255,0.1) 90%, transparent);
}
.clash-roster-member .clash-roster-member-name-state-section {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 10px;
}
.clash-roster-member .clash-roster-member-right-align-container {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.clash-roster-member .clash-roster-member-right-align-col-0 {
  margin-right: 100px;
}
.clash-roster-member .clash-roster-member-right-align-col-1 {
  margin-right: 134px;
}
.clash-roster-member .clash-roster-member-right-align-col-2 {
  margin-right: 108px;
}
.clash-roster-member .clash-roster-member-info-icon {
  width: 20px;
  height: 20px;
  margin: 0 5px;
}
.clash-roster-member .clash-roster-member-info-icon img {
  width: 100%;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-info-icon {
  display: none;
}
.clash-roster-member .clash-roster-member-summoner-icon {
  position: relative;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-summoner-icon {
  width: 62px;
  height: 62px;
  position: relative;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-summoner-icon .clash-image-ring-spinner {
  display: flex;
  position: absolute;
  pointer-events: none;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-summoner-icon .clash-image-ring-spinner.animated {
  top: -6px;
  left: -6px;
  width: 74px;
  height: 74px;
  animation: summoner-object-spin 1s cubic-bezier(0, 0, 0.43, 0.7), summoner-object-spin 1.55s linear infinite;
  animation-delay: 0s, 1s;
  background: url("/fe/lol-clash/assets/images/roster/player-object-spinner-gold.png") no-repeat;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-summoner-icon .clash-image-ring-spinner.not-animated {
  top: 0px;
  left: 0px;
  height: 62px;
  width: 62px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url("/fe/lol-clash/assets/images/roster/player-ring-bright-m.png");
}
.clash-roster-member .clash-roster-member-empty-summoner-icon {
  height: 100%;
}
.clash-roster-member .clash-roster-member-sms-verification-icon {
  width: 8px;
  margin-left: 2px;
}
.clash-roster-member .clash-roster-member-summoner-name {
  color: #a09b8c;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-summoner-name {
  color: #fabe0a;
}
.clash-roster-member .clash-roster-member-visual-state.inviting,
.clash-roster-member .clash-roster-member-visual-state.FORCED_NOT_READY,
.clash-roster-member .clash-roster-member-visual-state.NOT_READY,
.clash-roster-member .clash-roster-member-visual-state.ticket_selected,
.clash-roster-member .clash-roster-member-visual-state.is_subbed_out {
  color: #ff2345;
}
.clash-roster-member .clash-roster-member-visual-state.PENDING,
.clash-roster-member .clash-roster-member-visual-state.waiting_for_phase,
.clash-roster-member .clash-roster-member-visual-state.READY,
.clash-roster-member .clash-roster-member-visual-state.in_queue {
  color: #5b5a56;
}
.clash-roster-member .clash-roster-member-captain-icon {
  position: relative;
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-roster-member .clash-roster-member-captain-icon img {
  width: 100%;
}
.clash-roster-member .clash-roster-member-sub-icon {
  width: 32px;
  height: 32px;
  display: none;
}
.clash-roster-member:not(.is-being-viewed):hover .clash-roster-member-sub-icon,
.clash-roster-member .clash-roster-member-sub-icon.is-sub-icon-force-visible {
  display: block;
}
.clash-roster-member .clash-roster-member-ticket-selector {
  height: 32px;
  width: 96px;
  position: relative;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-ticket-selector {
  height: 62px;
  width: 126px;
  text-align: center;
}
.clash-roster-member .clash-roster-member-position-selector {
  height: 24px;
  width: 24px;
  position: relative;
}
.clash-roster-member.clash-roster-member-local .clash-roster-member-position-selector {
  height: 62px;
  width: 62px;
}
.clash-roster-member .clash-roster-member-position-pending {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-roster-member .clash-roster-member-blocking-action-button {
  width: fit-content;
  margin-left: -76px;
}
.clash-roster-member .clash-roster-member-actions {
  width: 14px;
  height: 14px;
  margin-right: 10px;
}
.clash-roster-member .clash-roster-member-invite-button {
  width: 32px;
  height: 32px;
}
.clash-roster-member .clash-roster-member-empty-slot-text {
  margin-left: 10px;
}
.ticket-dropdown-header {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #463714;
}
.ticket-dropdown-header-ticket-icon {
  height: 60%;
  margin: 0 5px;
  min-width: 24px;
}
.clash-ticket-selector-item {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
}
.clash-ticket-selector-item img {
  height: 50%;
  margin-left: auto;
}
.clash-roster-member-availability-icon {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid transparent;
  flex-shrink: 0;
  background: #010a13;
  box-shadow: 0 0 0 2px #010a13;
}
.clash-roster-member-availability-icon.chat,
.clash-roster-member-availability-icon.available,
.clash-roster-member-availability-icon.online {
  background-color: #09a646;
  border-color: #66f8a0;
}
.clash-roster-member-availability-icon.dnd,
.clash-roster-member-availability-icon.spectating {
  background-color: #005176;
  border-color: #0ac5e1;
}
.clash-roster-member-availability-icon.away {
  border-color: #9c3213;
}
.clash-roster-member-availability-icon.offline {
  border-color: #9c988a;
}
.clash-roster-member-availability-icon.mobile {
  width: 7px;
  height: 11px;
  margin: 0px 5px 1px 1px;
  border-radius: 2px;
  background: #010a13 url("/fe/lol-clash/assets/images/roster/status_mobile.png") no-repeat center;
  background-size: 16px;
}
.clash-roster-member-availability-icon.not-friend {
  border-color: #9c988a;
}
@-moz-keyframes clash-summoner-icon-expand {
  0% {
    transform: scale(0.41);
    opacity: 1;
  }
  100% {
    transform: scale(1.15);
  }
}
@-webkit-keyframes clash-summoner-icon-expand {
  0% {
    transform: scale(0.41);
    opacity: 1;
  }
  100% {
    transform: scale(1.15);
  }
}
@-o-keyframes clash-summoner-icon-expand {
  0% {
    transform: scale(0.41);
    opacity: 1;
  }
  100% {
    transform: scale(1.15);
  }
}
@keyframes clash-summoner-icon-expand {
  0% {
    transform: scale(0.41);
    opacity: 1;
  }
  100% {
    transform: scale(1.15);
  }
}
@-moz-keyframes clash-summoner-icon-contract {
  0% {
    transform: scale(1.15);
  }
  14% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes clash-summoner-icon-contract {
  0% {
    transform: scale(1.15);
  }
  14% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes clash-summoner-icon-contract {
  0% {
    transform: scale(1.15);
  }
  14% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes clash-summoner-icon-contract {
  0% {
    transform: scale(1.15);
  }
  14% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes clash-summoner-name-move-right {
  100% {
    transform: translate3d(9px, 0, 0);
  }
}
@-webkit-keyframes clash-summoner-name-move-right {
  100% {
    transform: translate3d(9px, 0, 0);
  }
}
@-o-keyframes clash-summoner-name-move-right {
  100% {
    transform: translate3d(9px, 0, 0);
  }
}
@keyframes clash-summoner-name-move-right {
  100% {
    transform: translate3d(9px, 0, 0);
  }
}
@-moz-keyframes clash-summoner-name-move-left {
  0% {
    transform: translate3d(9px, 0, 0);
  }
  100% {
    transform: translate3d(-29px, 0, 0);
  }
}
@-webkit-keyframes clash-summoner-name-move-left {
  0% {
    transform: translate3d(9px, 0, 0);
  }
  100% {
    transform: translate3d(-29px, 0, 0);
  }
}
@-o-keyframes clash-summoner-name-move-left {
  0% {
    transform: translate3d(9px, 0, 0);
  }
  100% {
    transform: translate3d(-29px, 0, 0);
  }
}
@keyframes clash-summoner-name-move-left {
  0% {
    transform: translate3d(9px, 0, 0);
  }
  100% {
    transform: translate3d(-29px, 0, 0);
  }
}
@-moz-keyframes clash-pending-summoner-name-move-left {
  100% {
    transform: translate3d(-38px, 0, 0);
  }
}
@-webkit-keyframes clash-pending-summoner-name-move-left {
  100% {
    transform: translate3d(-38px, 0, 0);
  }
}
@-o-keyframes clash-pending-summoner-name-move-left {
  100% {
    transform: translate3d(-38px, 0, 0);
  }
}
@keyframes clash-pending-summoner-name-move-left {
  100% {
    transform: translate3d(-38px, 0, 0);
  }
}
@-moz-keyframes clash-ticket-selector-slide-right {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(70px, 0);
  }
}
@-webkit-keyframes clash-ticket-selector-slide-right {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(70px, 0);
  }
}
@-o-keyframes clash-ticket-selector-slide-right {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(70px, 0);
  }
}
@keyframes clash-ticket-selector-slide-right {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(70px, 0);
  }
}
@-moz-keyframes clash-ticket-selector-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes clash-ticket-selector-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes clash-ticket-selector-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes clash-ticket-selector-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes clash-invite-button-slide-right {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(43px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes clash-invite-button-slide-right {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(43px, 0);
    opacity: 1;
  }
}
@-o-keyframes clash-invite-button-slide-right {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(43px, 0);
    opacity: 1;
  }
}
@keyframes clash-invite-button-slide-right {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  100% {
    transform: translate(43px, 0);
    opacity: 1;
  }
}
@-moz-keyframes clash-roster-streak-slide-right {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(900px, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes clash-roster-streak-slide-right {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(900px, 0, 0);
    opacity: 1;
  }
}
@-o-keyframes clash-roster-streak-slide-right {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(900px, 0, 0);
    opacity: 1;
  }
}
@keyframes clash-roster-streak-slide-right {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(900px, 0, 0);
    opacity: 1;
  }
}
@-moz-keyframes summoner-object-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes summoner-object-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-o-keyframes summoner-object-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes summoner-object-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.clash-roster-lobby-view {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-left: 10px;
  padding-right: 10px;
}
.clash-roster-lobby-view .clash-tab-team-match-info {
  position: absolute;
  left: 40px;
  top: 340px;
}
.clash-roster-lobby-view .lobby-animation-container {
  position: absolute;
  left: 605px;
  top: 215px;
}
.clash-roster-lobby-view .lobby-animation-container video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-roster-lobby-member .summoner-name,
.clash-roster-lobby-member.local .summoner-name {
  font-family: var(--font-display);
}
.clash-roster-lobby-member .summoner-name,
.clash-roster-lobby-member.local .summoner-name {
  -webkit-user-select: none;
}
.clash-roster-lobby-member .summoner-name,
.clash-roster-lobby-member.local .summoner-name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-roster-lobby-member .summoner-name,
.clash-roster-lobby-member.local .summoner-name {
  text-transform: uppercase;
}
.clash-roster-lobby-member .summoner-name:lang(ko-kr),
.clash-roster-lobby-member.local .summoner-name:lang(ko-kr),
.clash-roster-lobby-member .summoner-name:lang(ja-jp),
.clash-roster-lobby-member.local .summoner-name:lang(ja-jp),
.clash-roster-lobby-member .summoner-name:lang(tr-tr),
.clash-roster-lobby-member.local .summoner-name:lang(tr-tr),
.clash-roster-lobby-member .summoner-name:lang(el-gr),
.clash-roster-lobby-member.local .summoner-name:lang(el-gr),
.clash-roster-lobby-member .summoner-name:lang(th-th),
.clash-roster-lobby-member.local .summoner-name:lang(th-th),
.clash-roster-lobby-member .summoner-name:lang(zh-tw),
.clash-roster-lobby-member.local .summoner-name:lang(zh-tw) {
  text-transform: none;
}
.clash-roster-lobby-member .summoner-name,
.clash-roster-lobby-member.local .summoner-name {
  text-transform: none;
}
.clash-roster-lobby-member.local .summoner-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-roster-lobby-member.local .summoner-name {
  letter-spacing: 0.025em;
}
.clash-roster-lobby-member .summoner-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-roster-lobby-member .summoner-name {
  letter-spacing: 0.0375em;
}
.clash-roster-lobby-member .summoner-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-lobby-member {
  position: relative;
  height: 290px;
  width: 145px;
  margin-top: 12px;
  margin-left: 19px;
  margin-right: 19px;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.clash-roster-lobby-member .roster-captain-icon-container {
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0;
}
.clash-roster-lobby-member .roster-captain-icon-container .roster-captain {
  position: absolute;
  height: 40px;
  margin: auto;
  left: 0;
  right: 0;
  top: -34px;
}
.clash-roster-lobby-member .roster-captain-icon-container .roster-captain-icon-border {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 85px;
  top: -5px;
}
.clash-roster-lobby-member .summoner-icon-halo {
  opacity: 0;
}
.clash-roster-lobby-member .summoner-icon {
  width: 75px;
  height: 75px;
}
.clash-roster-lobby-member .summoner-name {
  color: #a09b8c;
  margin-top: 10px;
  opacity: 0;
  text-align: center;
  width: 135px;
}
.clash-roster-lobby-member .role-selector-button-container {
  margin-top: 20px;
  width: 35px;
  height: 35px;
  opacity: 0;
}
.clash-roster-lobby-member .ticket-selector-button-container {
  margin-top: 20px;
  height: 50px;
  opacity: 0;
}
.clash-roster-lobby-member .ticket-selector-button-container img {
  height: 100%;
}
.clash-roster-lobby-member.local {
  height: 400px;
  width: 200px;
  margin-top: 15px;
  margin-left: 16px;
  margin-right: 16px;
}
.clash-roster-lobby-member.local .roster-captain-icon-container .roster-captain-icon-border {
  width: 114px;
  top: -7px;
}
.clash-roster-lobby-member.local .summoner-icon {
  width: 100px;
  height: 100px;
}
.clash-roster-lobby-member.local .summoner-name {
  width: 180px;
  margin-top: 15px;
}
.clash-roster-lobby-member.local .role-selector-button-container {
  margin-top: 30px;
  width: 64px;
  height: 64px;
}
.clash-roster-lobby-member.local .ticket-selector-button-container {
  height: 60px;
  margin-top: 30px;
}
.clash-roster-lobby-member.local .summoner-name {
  color: #f0e6d2;
}
.clash-match-info .header,
.clash-match-info .main-content .roster-bye .roster-bye-tag,
.clash-match-info .main-content .roster-info .tag,
.clash-match-info .main-content .center-piece,
.clash-match-info .vs .vs-text {
  font-family: var(--font-display);
}
.clash-match-info .pick-side-labels-container .pick-side-label-first,
.clash-match-info .pick-side-labels-container .pick-side-label-second {
  font-family: var(--font-body);
}
.clash-match-info .header,
.clash-match-info .main-content .roster-bye .roster-bye-tag,
.clash-match-info .main-content .roster-info .tag,
.clash-match-info .main-content .center-piece,
.clash-match-info .vs .vs-text,
.clash-match-info .pick-side-labels-container .pick-side-label-first,
.clash-match-info .pick-side-labels-container .pick-side-label-second {
  -webkit-user-select: none;
}
.clash-match-info .header,
.clash-match-info .main-content .roster-bye .roster-bye-tag,
.clash-match-info .main-content .roster-info .tag,
.clash-match-info .main-content .center-piece,
.clash-match-info .vs .vs-text,
.clash-match-info .pick-side-labels-container .pick-side-label-first,
.clash-match-info .pick-side-labels-container .pick-side-label-second {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-match-info .header,
.clash-match-info .main-content .roster-bye .roster-bye-tag,
.clash-match-info .main-content .roster-info .tag,
.clash-match-info .main-content .center-piece,
.clash-match-info .vs .vs-text {
  text-transform: uppercase;
}
.clash-match-info .header:lang(ko-kr),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(ko-kr),
.clash-match-info .main-content .roster-info .tag:lang(ko-kr),
.clash-match-info .main-content .center-piece:lang(ko-kr),
.clash-match-info .vs .vs-text:lang(ko-kr),
.clash-match-info .header:lang(ja-jp),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(ja-jp),
.clash-match-info .main-content .roster-info .tag:lang(ja-jp),
.clash-match-info .main-content .center-piece:lang(ja-jp),
.clash-match-info .vs .vs-text:lang(ja-jp),
.clash-match-info .header:lang(tr-tr),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(tr-tr),
.clash-match-info .main-content .roster-info .tag:lang(tr-tr),
.clash-match-info .main-content .center-piece:lang(tr-tr),
.clash-match-info .vs .vs-text:lang(tr-tr),
.clash-match-info .header:lang(el-gr),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(el-gr),
.clash-match-info .main-content .roster-info .tag:lang(el-gr),
.clash-match-info .main-content .center-piece:lang(el-gr),
.clash-match-info .vs .vs-text:lang(el-gr),
.clash-match-info .header:lang(th-th),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(th-th),
.clash-match-info .main-content .roster-info .tag:lang(th-th),
.clash-match-info .main-content .center-piece:lang(th-th),
.clash-match-info .vs .vs-text:lang(th-th),
.clash-match-info .header:lang(zh-tw),
.clash-match-info .main-content .roster-bye .roster-bye-tag:lang(zh-tw),
.clash-match-info .main-content .roster-info .tag:lang(zh-tw),
.clash-match-info .main-content .center-piece:lang(zh-tw),
.clash-match-info .vs .vs-text:lang(zh-tw) {
  text-transform: none;
}
.clash-match-info .vs .vs-text {
  text-transform: none;
}
.clash-match-info .main-content .roster-info .tag,
.clash-match-info .main-content .center-piece,
.clash-match-info .vs .vs-text {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-match-info .vs .vs-text {
  letter-spacing: 0.025em;
}
.clash-match-info .main-content .roster-bye .roster-bye-tag {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-match-info .header {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-match-info .header:lang(ja-jp) {
  font-size: 13px;
}
.clash-match-info .pick-side-labels-container .pick-side-label-first,
.clash-match-info .pick-side-labels-container .pick-side-label-second {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-match-info .pick-side-labels-container .pick-side-label-first:lang(ja-jp),
.clash-match-info .pick-side-labels-container .pick-side-label-second:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-match-info {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.clash-match-info .header {
  color: #a09b8c;
  width: 100%;
  text-align: center;
  margin-bottom: 5px;
}
.clash-match-info .header .header-number {
  color: #f0e6d2;
}
.clash-match-info .main-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-color: #5c5b57;
  border-width: 2px;
  border-style: double;
}
.clash-match-info .main-content .roster-bye {
  height: 120px;
  width: 235px;
  background-image: url("/fe/lol-clash/assets/images/bye-radial-offset.png"), radial-gradient(#000, rgba(255,255,255,0.1));
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.clash-match-info .main-content .roster-bye .roster-bye-tag {
  color: #c8aa6e;
  position: relative;
  width: 100%;
  text-align: center;
  top: 97px;
}
.clash-match-info .main-content .roster-info {
  position: relative;
  height: 100%;
  width: 110px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clash-match-info .main-content .roster-info.local {
  position: relative;
}
.clash-match-info .main-content .roster-info.local .tag-row {
  flex-direction: row;
}
.clash-match-info .main-content .roster-info.local .tag {
  color: #fabe0a;
}
.clash-match-info .main-content .roster-info.local .pick-side-image {
  left: initial;
  right: 0px;
}
.clash-match-info .main-content .roster-info .tag-row {
  display: flex;
  justify-content: center;
  width: 100%;
  flex-direction: row-reverse;
  margin-top: 6px;
}
.clash-match-info .main-content .roster-info .pick-side-image {
  width: 10px;
  height: 10px;
  position: absolute;
  margin-top: 5px;
  left: 0px;
}
.clash-match-info .main-content .roster-info .tag {
  color: #5b5a56;
}
.clash-match-info .main-content .roster-info .tag.roster-tbd {
  margin-top: 6px;
  letter-spacing: initial;
  font-size: 16px;
}
.clash-match-info .main-content .roster-info .icon {
  height: 70px;
}
.clash-match-info .main-content .roster-info .icon.roster-tbd {
  height: 70px;
}
.clash-match-info .main-content .roster-info .icon img {
  height: 100%;
}
.clash-match-info .main-content .center-piece {
  color: #c89b3c;
  width: 65px;
  margin: 0 10px;
  text-align: center;
}
.clash-match-info .vs {
  width: 45px;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.clash-match-info .vs path,
.clash-match-info .vs rect {
  stroke: #5c5b57;
  stroke-width: 2px;
  fill: transparent;
}
.clash-match-info .vs .vs-line {
  flex-shrink: 1;
  width: 4px;
  height: 36px;
}
.clash-match-info .vs .vs-line.bot-line {
  height: 44px;
}
.clash-match-info .vs .vs-text {
  color: #a09b8c;
  position: absolute;
  left: 50%;
  top: 70px;
  transform: translate(-50%, 0%);
  text-align: center;
}
.clash-match-info .pick-side-labels-container {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  width: 100%;
  margin-top: 8px;
}
.clash-match-info .pick-side-labels-container .pick-side-label-first {
  color: #a09b8c;
}
.clash-match-info .pick-side-labels-container .pick-side-label-second {
  color: #a09b8c;
}
.clash-faq-link {
  font-family: var(--font-body);
}
.clash-faq-link {
  -webkit-user-select: none;
}
.clash-faq-link {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-faq-link {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-faq-link:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-faq {
  position: relative;
}
.clash-faq-link {
  font-size: 14px;
  color: #cdbe91;
  cursor: pointer;
  text-decoration: underline;
}
.clash-faq-link:hover {
  color: #f0e6d2;
}
.clash-player-positions {
  position: relative;
  height: 100%;
  width: 100%;
}
.clash-position-selector-background {
  position: absolute;
  height: 100%;
  width: 100%;
  pointer-events: none;
  cursor: default;
}
.clash-position-selector-background.disabled {
  cursor: default;
  pointer-events: none;
}
.clash-position-selector-background .clash-position-selector-contents {
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.clash-position-selector-background .clash-position-icon {
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background-size: cover;
  transition: opacity 500ms cubic-bezier(0, 0, 0, 1);
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  opacity: 0.5;
}
.clash-position-selector-background .clash-position-icon.local {
  opacity: 1;
}
.clash-position-selector-background.enabled {
  height: 100%;
  width: 100%;
  cursor: pointer;
  pointer-events: auto;
}
.clash-position-selector-background.enabled::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-image: url(/fe/lol-clash/button.png);
  background-repeat: no-repeat;
  pointer-events: none;
}
.clash-position-selector-background.enabled:hover::before {
  background-image: url(/fe/lol-clash/button-hover.png);
}
.clash-position-selector-background.enabled.disabled::before {
  background-image: url(/fe/lol-clash/button-disabled.png);
}
.clash-position-selector-background.enabled .clash-position-icon {
  width: 48%;
  height: 48%;
}
.clash-position-selector-background[data-position="BOTTOM"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-bottom.png);
}
.clash-position-selector-background[data-position="TOP"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-top.png);
}
.clash-position-selector-background[data-position="JUNGLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-jungle.png);
}
.clash-position-selector-background[data-position="MIDDLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-middle.png);
}
.clash-position-selector-background[data-position="UTILITY"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-utility.png);
}
.clash-position-selector-background[data-position="FILL"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-fill.png);
}
.clash-position-selector-background[data-position="UNSELECTED"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-unselected.png);
}
.clash-position-selector-background:hover[data-position="BOTTOM"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-bottom-hover.png);
}
.clash-position-selector-background:hover[data-position="TOP"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-top-hover.png);
}
.clash-position-selector-background:hover[data-position="JUNGLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-jungle-hover.png);
}
.clash-position-selector-background:hover[data-position="MIDDLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-middle-hover.png);
}
.clash-position-selector-background:hover[data-position="UTILITY"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-utility-hover.png);
}
.clash-position-selector-background:hover[data-position="FILL"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-fill-hover.png);
}
.clash-position-selector-background:hover[data-position="UNSELECTED"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-unselected-hover.png);
}
.clash-position-selector-background.disabled[data-position="BOTTOM"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-bottom-disabled.png);
}
.clash-position-selector-background.disabled[data-position="TOP"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-top-disabled.png);
}
.clash-position-selector-background.disabled[data-position="JUNGLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-jungle-disabled.png);
}
.clash-position-selector-background.disabled[data-position="MIDDLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-middle-disabled.png);
}
.clash-position-selector-background.disabled[data-position="UTILITY"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-utility-disabled.png);
}
.clash-position-selector-background.disabled[data-position="FILL"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-fill-disabled.png);
}
.clash-position-selector-background.disabled[data-position="UNSELECTED"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-unselected-disabled.png);
}
.clash-position-selector-background.state-blue[data-position="BOTTOM"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-bottom-blue.png);
}
.clash-position-selector-background.state-blue[data-position="TOP"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-top-blue.png);
}
.clash-position-selector-background.state-blue[data-position="JUNGLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-jungle-blue.png);
}
.clash-position-selector-background.state-blue[data-position="MIDDLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-middle-blue.png);
}
.clash-position-selector-background.state-blue[data-position="UTILITY"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-utility-blue.png);
}
.clash-position-selector-background.state-blue[data-position="FILL"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-fill-blue.png);
}
.clash-position-selector-background.state-blue[data-position="UNSELECTED"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-unselected-blue.png);
}
.clash-position-selector-background.state-blue:hover[data-position="BOTTOM"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-bottom-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="TOP"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-top-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="JUNGLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-jungle-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="MIDDLE"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-middle-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="UTILITY"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-utility-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="FILL"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-fill-blue-hover.png);
}
.clash-position-selector-background.state-blue:hover[data-position="UNSELECTED"] .clash-position-icon {
  background-image: url(/fe/lol-clash/icon-position-unselected-blue-hover.png);
}
.clash-position-text {
  font-family: var(--font-display);
}
.clash-position-text {
  -webkit-user-select: none;
}
.clash-position-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-position-text {
  text-transform: uppercase;
}
.clash-position-text:lang(ko-kr),
.clash-position-text:lang(ja-jp),
.clash-position-text:lang(tr-tr),
.clash-position-text:lang(el-gr),
.clash-position-text:lang(th-th),
.clash-position-text:lang(zh-tw) {
  text-transform: none;
}
.clash-position-text {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-position-selector-modal lol-uikit-full-page-backdrop {
  overflow: hidden;
}
.clash-position-selector {
  position: absolute;
}
.clash-position-selector-small-backdrop {
  position: relative;
  background: radial-gradient(ellipse at center, rgba(0,0,0,0.88) 0%, rgba(0,0,0,0.88) 25%, rgba(0,0,0,0.46) 57%, rgba(0,0,0,0) 70%, rgba(0,0,0,0) 100%);
  width: 400px;
  height: 400px;
}
.clash-position-text {
  position: absolute;
  width: 230px;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  opacity: 1;
}
.clash-position-text.position-text-utility {
  text-align: left;
  margin-left: 45px;
}
.clash-position-text.position-text-top {
  left: -245px;
  text-align: right;
}
.clash-position-text.position-text-middle {
  top: -37.5px;
  left: -100px;
}
.clash-position-text.position-text-jungle {
  left: -245px;
  text-align: right;
}
.clash-position-text.position-text-bottom {
  text-align: left;
  margin-left: 45px;
}
.clash-position-text.position-text-fill {
  left: -100px;
  top: 37.5px;
}
.clash-position-text.position-text-none {
  left: -100px;
  top: 37.5px;
}
.clash-position-text.hidden {
  opacity: 0;
}
.clash-position-selector-hextech-dashed-ring {
  position: absolute;
  width: 230px;
  height: 230px;
  top: 50%;
  left: 50%;
  margin-left: -115px;
  margin-top: -115px;
}
.clash-position-selector-hextech-dashed-ring:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(/fe/lol-clash/radial-hextech-dashed-ring.png) no-repeat center;
  animation: clash-spin 120s linear infinite;
  background-size: 230px 230px;
  top: 0px;
}
/** The circular pointer that spins in the middle on hover **/
.position-selection-pointers {
  position: relative;
  width: 200px;
  height: 200px;
  margin-top: 15px;
  margin-left: 15px;
}
.position-selection-pointer {
  position: absolute;
  opacity: 1;
  width: 200px;
  height: 200px;
}
.position-selection-pointer.clash-position-pointer-unselected {
  background: url(/fe/lol-clash/radial-hextech-unselected.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-middle {
  background: url(/fe/lol-clash/radial-hextech-middle.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-jungle {
  background: url(/fe/lol-clash/radial-hextech-jungle.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-top {
  background: url(/fe/lol-clash/radial-hextech-top.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-utility {
  background: url(/fe/lol-clash/radial-hextech-utility.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-bottom {
  background: url(/fe/lol-clash/radial-hextech-bottom.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-fill {
  background: url(/fe/lol-clash/radial-hextech-fill.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.clash-position-pointer-none {
  background: url(/fe/lol-clash/radial-hextech-fill.png) no-repeat center;
  background-size: 80% 80%;
}
.position-selection-pointer.hidden {
  opacity: 0;
}
/** ICONS THAT ARE SELECTED **/
.position-selection-icons {
  position: absolute;
  top: 50%;
  left: 50%;
}
.position-selection-icon {
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  width: 30px;
  height: 30px;
}
.clash-position-icon-jungle {
  position: absolute;
  top: -85px;
  left: -85px;
  background-image: url(/fe/lol-clash/icon-position-jungle.png);
}
.clash-position-icon-jungle.active {
  background-image: url(/fe/lol-clash/icon-position-jungle.png);
  background-image: url(/fe/lol-clash/icon-position-jungle-hover.png);
}
.clash-position-icon-jungle.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-jungle-red-hover.png);
}
.clash-position-icon-middle {
  position: absolute;
  top: -115px;
  left: -15px;
  background-image: url(/fe/lol-clash/icon-position-middle.png);
}
.clash-position-icon-middle.active {
  background-image: url(/fe/lol-clash/icon-position-middle.png);
  background-image: url(/fe/lol-clash/icon-position-middle-hover.png);
}
.clash-position-icon-middle.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-middle-red-hover.png);
}
.clash-position-icon-bottom {
  position: absolute;
  top: -85px;
  left: 55px;
  background-image: url(/fe/lol-clash/icon-position-bottom.png);
}
.clash-position-icon-bottom.active {
  background-image: url(/fe/lol-clash/icon-position-bottom.png);
  background-image: url(/fe/lol-clash/icon-position-bottom-hover.png);
}
.clash-position-icon-bottom.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-bottom-red-hover.png);
}
.clash-position-icon-utility {
  position: absolute;
  top: -15px;
  left: 85px;
  background-image: url(/fe/lol-clash/icon-position-utility.png);
}
.clash-position-icon-utility.active {
  background-image: url(/fe/lol-clash/icon-position-utility.png);
  background-image: url(/fe/lol-clash/icon-position-utility-hover.png);
}
.clash-position-icon-utility.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-utility-red-hover.png);
}
.clash-position-icon-fill {
  position: absolute;
  top: 85px;
  left: -15px;
  background-image: url(/fe/lol-clash/icon-position-fill.png);
}
.clash-position-icon-fill.active {
  background-image: url(/fe/lol-clash/icon-position-fill.png);
  background-image: url(/fe/lol-clash/icon-position-fill-hover.png);
}
.clash-position-icon-fill.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-fill-red-hover.png);
}
.clash-position-icon-none {
  position: absolute;
  top: 85px;
  left: -15px;
  background-image: url(/fe/lol-clash/icon-position-none.png);
}
.clash-position-icon-none.active {
  background-image: url(/fe/lol-clash/icon-position-none.png);
  background-image: url(/fe/lol-clash/icon-position-none-hover.png);
}
.clash-position-icon-none.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-none-red-hover.png);
}
.clash-position-icon-top {
  position: absolute;
  top: -15px;
  left: -115px;
  background-image: url(/fe/lol-clash/icon-position-top.png);
}
.clash-position-icon-top.active {
  background-image: url(/fe/lol-clash/icon-position-top.png);
  background-image: url(/fe/lol-clash/icon-position-top-hover.png);
}
.clash-position-icon-top.active.exclusion {
  background-image: url(/fe/lol-clash/icon-position-top-red-hover.png);
}
.clash-position-selector-pie {
  position: absolute;
  top: -525px;
  left: -525px;
  width: 1280px;
  height: 1280px;
  margin: 0px;
  padding: 0px;
  list-style: none;
  cursor: default;
}
/**
 * To create the equal slices of pie for us to hover and select,
 * we need to rotate and skew the child divs at their appropriate angles.
 **/
.position-selection:nth-child(1) {
  transform: rotate(-67.5deg) skewY(-45deg);
}
.position-selection:nth-child(2) {
  transform: rotate(-22.5deg) skewY(-45deg);
}
.position-selection:nth-child(3) {
  transform: rotate(22.5deg) skewY(-45deg);
}
.position-selection:nth-child(4) {
  transform: rotate(67.5deg) skewY(-45deg);
}
.position-selection:nth-child(5) {
  transform: rotate(112.5deg) skewY(-45deg);
}
.position-selection:nth-child(6) {
  transform: rotate(157.5deg) skewY(-45deg);
}
.position-selection:nth-child(7) {
  transform: rotate(202.5deg) skewY(-45deg);
}
.position-selection:nth-child(8) {
  transform: rotate(247.5deg) skewY(-45deg);
}
.position-selection {
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 50%;
  height: 50%;
  transform-origin: 0% 100%;
}
.position-selection .position-selection-proxy {
  width: 50px;
  height: 100px;
  position: absolute;
  bottom: 0;
}
.clash-red-ring {
  position: absolute;
  width: 63px;
  height: 63px;
  top: 84px;
  left: 84px;
  background-image: url(/fe/lol-clash/radial-hextech-red-inner.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.clash-current-position-icon {
  position: absolute;
  width: 70px;
  height: 70px;
  top: calc(50% - 70px / 2);
  left: calc(50% - 70px / 2);
  background-image: url(/fe/lol-clash/icon-position-unselected-hover.png);
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
}
.clash-current-position-icon.exclusion {
  background-image: url(/fe/lol-clash/icon-position-unselected-red-hover.png);
}
.clash-current-position-icon.icon-middle {
  background-image: url(/fe/lol-clash/icon-position-middle-hover.png);
}
.clash-current-position-icon.icon-jungle {
  background-image: url(/fe/lol-clash/icon-position-jungle-hover.png);
}
.clash-current-position-icon.icon-utility {
  background-image: url(/fe/lol-clash/icon-position-utility-hover.png);
}
.clash-current-position-icon.icon-bottom {
  background-image: url(/fe/lol-clash/icon-position-bottom-hover.png);
}
.clash-current-position-icon.icon-top {
  background-image: url(/fe/lol-clash/icon-position-top-hover.png);
}
.clash-current-position-icon.icon-fill {
  background-image: url(/fe/lol-clash/icon-position-fill-hover.png);
}
.clash-current-position-icon.icon-none {
  background-image: url(/fe/lol-clash/icon-position-unselected-red-hover.png);
}
.clash-current-position-icon.icon-middle.exclusion {
  background-image: url(/fe/lol-clash/icon-position-middle-red-hover.png);
}
.clash-current-position-icon.icon-jungle.exclusion {
  background-image: url(/fe/lol-clash/icon-position-jungle-red-hover.png);
}
.clash-current-position-icon.icon-utility.exclusion {
  background-image: url(/fe/lol-clash/icon-position-utility-red-hover.png);
}
.clash-current-position-icon.icon-bottom.exclusion {
  background-image: url(/fe/lol-clash/icon-position-bottom-red-hover.png);
}
.clash-current-position-icon.icon-top.exclusion {
  background-image: url(/fe/lol-clash/icon-position-top-red-hover.png);
}
.clash-current-position-icon.icon-fill.exclusion {
  background-image: url(/fe/lol-clash/icon-position-fill-red-hover.png);
}
.clash-current-position-icon.icon-none.exclusion {
  background-image: url(/fe/lol-clash/icon-position-unselected-red-hover.png);
}
@-moz-keyframes clash-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes clash-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes clash-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes clash-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.clash-hub {
  display: flex;
  width: 100%;
  height: 100%;
}
.clash-hub .clash-winners-button-container {
  position: absolute;
  top: -54px;
  right: 0;
}
.clash-hub .clash-winners-button-container lol-uikit-flat-button::shadow .lol-uikit-flat-button {
  border-width: 1px;
}
.clash-hub .clash-winners-button-container lol-uikit-flat-button::shadow .lol-uikit-flat-button .lol-uikit-flat-button-border-idle {
  top: -1px;
  left: -1px;
  border-width: 1px;
}
.clash-hub .clash-winners-button-container .clash-winner-button-text {
  text-transform: none;
  font-weight: normal;
}
.clash-hub .clash-winners-button-container .clash-winner-button-image {
  height: 20px;
  width: 20px;
  float: right;
  margin: -4px -4px 0px 2px;
}
.clash-hub .clash-hub-left {
  width: 280px;
  height: 460px;
}
.clash-hub .clash-hub-middle {
  position: relative;
  flex-grow: 1;
  margin-left: 24px;
  margin-top: 15px;
}
.clash-hub .clash-hub-middle::before {
  content: '';
  position: absolute;
  left: -1px;
  width: 1px;
  height: 100%;
  background: -webkit-linear-gradient(rgba(60,60,65,0), #3c3c41 20%, #3c3c41 80%, rgba(60,60,65,0));
}
.clash-player-rewards-progress,
.clash-player-rewards-progress .player-rewards-progress-container .heading,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text,
.clash-player-rewards-progress .player-rewards-progress-container .title,
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  font-family: var(--font-display);
}
.clash-player-rewards-progress,
.clash-player-rewards-progress .player-rewards-progress-container .heading,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text,
.clash-player-rewards-progress .player-rewards-progress-container .title,
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  -webkit-user-select: none;
}
.clash-player-rewards-progress,
.clash-player-rewards-progress .player-rewards-progress-container .heading,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text,
.clash-player-rewards-progress .player-rewards-progress-container .title,
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-player-rewards-progress,
.clash-player-rewards-progress .player-rewards-progress-container .heading,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number,
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text,
.clash-player-rewards-progress .player-rewards-progress-container .title,
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  text-transform: uppercase;
}
.clash-player-rewards-progress:lang(ko-kr),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(ko-kr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(ko-kr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(ko-kr),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(ko-kr),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(ko-kr),
.clash-player-rewards-progress:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(ja-jp),
.clash-player-rewards-progress:lang(tr-tr),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(tr-tr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(tr-tr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(tr-tr),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(tr-tr),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(tr-tr),
.clash-player-rewards-progress:lang(el-gr),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(el-gr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(el-gr),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(el-gr),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(el-gr),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(el-gr),
.clash-player-rewards-progress:lang(th-th),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(th-th),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(th-th),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(th-th),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(th-th),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(th-th),
.clash-player-rewards-progress:lang(zh-tw),
.clash-player-rewards-progress .player-rewards-progress-container .heading:lang(zh-tw),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number:lang(zh-tw),
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(zh-tw),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(zh-tw),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(zh-tw) {
  text-transform: none;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-player-rewards-progress {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-player-rewards-progress .player-rewards-progress-container .heading {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text,
.clash-player-rewards-progress .player-rewards-progress-container .title,
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .title:lang(ja-jp),
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement:lang(ja-jp) {
  font-size: 13px;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text {
  color: #a09b8c;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-player-rewards-progress {
  height: 100%;
}
.clash-player-rewards-progress .player-rewards-progress-container {
  width: 225px;
  height: 100%;
  left: 0;
}
.clash-player-rewards-progress .player-rewards-progress-container .heading {
  margin-top: 5px;
  color: #a09b8c;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container {
  height: 186px;
  width: 194px;
  text-align: center;
  background-image: url("/fe/lol-clash/assets/placeholder/ring.png");
  background-repeat: no-repeat;
  margin: 60px auto 0;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-number {
  padding-top: 47px;
  font-size: 42px;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-vp-container .season-vp-text {
  flex: 0 1 auto;
  margin: 12px auto;
  width: 120px;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-reward-container {
  position: relative;
  border: 1px solid rgba(161,119,57,0.3);
  height: 80px;
  margin-top: 22px;
  border-top: none;
}
.clash-player-rewards-progress .player-rewards-progress-container .theme-reward-container {
  position: relative;
  border: 1px solid rgba(161,119,57,0.3);
  height: 200px;
  margin-top: 20px;
  border-top: none;
}
.clash-player-rewards-progress .player-rewards-progress-container .title {
  position: absolute;
  width: 100%;
  margin: -6px auto;
  overflow: hidden;
  text-align: center;
  color: #a09b8c;
}
.clash-player-rewards-progress .player-rewards-progress-container .title:before,
.clash-player-rewards-progress .player-rewards-progress-container .title:after {
  content: "";
  display: inline-block;
  width: 50%;
  margin: -5px 1em 0 -55%;
  vertical-align: middle;
  border-bottom: 1px solid rgba(161,119,57,0.3);
}
.clash-player-rewards-progress .player-rewards-progress-container .title:after {
  margin: -5px -55% 0 1em;
}
.clash-player-rewards-progress .player-rewards-progress-container .season-reward-asset {
  height: 30px;
  width: 130px;
  margin: 10px auto;
  background-image: url("/fe/lol-clash/assets/placeholder/reward-frame-vn.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.clash-player-rewards-progress .player-rewards-progress-container .theme-reward-asset {
  height: 180px;
  width: 120px;
  margin: 10px auto;
  background-image: url("/fe/lol-clash/assets/placeholder/reward-banner-vn.png");
  background-size: contain;
  background-repeat: no-repeat;
}
.clash-player-rewards-progress .player-rewards-progress-container .vp-requirement {
  position: absolute;
  right: 4px;
  bottom: 2px;
}
.clash-player-rewards-progress .player-rewards-progress-container .clash-progress-bar-container {
  width: 135px;
  position: relative;
  margin: auto;
  padding-top: 18px;
  padding-right: 4px;
}
.clash-player-rewards-progress .player-rewards-progress-container .clash-progress-bar-container .rewards-progress-bar {
  border: 1px solid #32281e;
  width: 100%;
  background: #000;
  padding: 1px;
  overflow: hidden;
}
.clash-player-rewards-progress .player-rewards-progress-container .clash-progress-bar-container .rewards-progress-bar .rewards-completed-progress {
  position: relative;
  height: 4px;
  width: 100%;
  overflow: hidden;
  transform: scaleX(0);
  transform-origin: left;
  transition: 0.6s cubic-bezier(0, 0, 0, 1) transform;
  will-change: transform;
}
.clash-player-rewards-progress .player-rewards-progress-container .clash-progress-bar-container .rewards-progress-bar .rewards-completed-progress.in-progress {
  background: linear-gradient(to right, RGB(16, 102, 145) 10%, #0ac8b9);
}
.clash-player-rewards-progress .player-rewards-progress-container .clash-progress-bar-container .rewards-progress-bar .rewards-completed-progress.completed {
  background: linear-gradient(to right, #785a28 5%, #c89b3c 90%, #c8aa6e 100%);
}
.clash-team-history .team-history-container .heading,
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name {
  font-family: var(--font-display);
}
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description {
  font-family: var(--font-body);
}
.clash-team-history .team-history-container .heading,
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description {
  -webkit-user-select: none;
}
.clash-team-history .team-history-container .heading,
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-team-history .team-history-container .heading,
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name {
  text-transform: uppercase;
}
.clash-team-history .team-history-container .heading:lang(ko-kr),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(ko-kr),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(ko-kr),
.clash-team-history .team-history-container .heading:lang(ja-jp),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(ja-jp),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(ja-jp),
.clash-team-history .team-history-container .heading:lang(tr-tr),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(tr-tr),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(tr-tr),
.clash-team-history .team-history-container .heading:lang(el-gr),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(el-gr),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(el-gr),
.clash-team-history .team-history-container .heading:lang(th-th),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(th-th),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(th-th),
.clash-team-history .team-history-container .heading:lang(zh-tw),
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text:lang(zh-tw),
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name:lang(zh-tw) {
  text-transform: none;
}
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text,
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-team-history .team-history-container .heading {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-team-history .team-history-container {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 4px;
  right: 0;
  left: 0;
  bottom: 35px;
}
.clash-team-history .team-history-container .heading {
  text-align: left;
  width: 100%;
  margin-left: 24px;
}
.clash-team-history .team-history-container .create-team {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100px;
  min-height: 100px;
  margin-bottom: 1px;
  cursor: pointer;
}
.clash-team-history .team-history-container .create-team #create-team-background-animation {
  margin-left: -40px;
  pointer-events: none;
}
.clash-team-history .team-history-container .create-team .create-team-caret {
  width: 26px;
  height: 50px;
  margin-left: -1px;
  position: relative;
}
.clash-team-history .team-history-container .create-team .create-team-caret img {
  width: 100%;
  height: 100%;
}
.clash-team-history .team-history-container .create-team .create-team-left {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 1;
}
.clash-team-history .team-history-container .create-team .create-team-left .plus-button {
  margin-left: 32px;
  margin-right: 30px;
}
.clash-team-history .team-history-container .create-team .create-team-left .plus-button img {
  width: 32px;
  height: 32px;
}
.clash-team-history .team-history-container .create-team .create-team-left .create-team-button-text {
  font-size: 18px;
  color: #c8aa6e;
}
.clash-team-history .team-history-container .create-team .create-team-right {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  margin-right: 84px;
}
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-name {
  color: #cdbe91;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 12px;
  max-height: 24px;
  word-wrap: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.clash-team-history .team-history-container .create-team .create-team-right .create-team-tournament-description {
  text-align: center;
  margin-top: 6px;
}
.clash-team-history .team-history-container .create-team:hover .create-team-left .create-team-button-text {
  color: #f0e6d2;
}
.clash-team-history .team-history-container .create-team:hover .create-team-right .create-team-tournament-name {
  color: #f0e6d2;
}
.clash-team-history .team-history-container .roster-stats-list {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 80px;
  -webkit-mask-image: -webkit-linear-gradient(top, #000 80%, rgba(0,0,0,0));
}
.clash-team-history video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-parallax-background {
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.clash-parallax-background #parallax-target {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.clash-bracket-header .header-info .bracket-text,
.clash-bracket-header .header-info .tournament-text {
  font-family: var(--font-display);
}
.clash-bracket-header .header-info .bracket-text,
.clash-bracket-header .header-info .tournament-text {
  -webkit-user-select: none;
}
.clash-bracket-header .header-info .bracket-text,
.clash-bracket-header .header-info .tournament-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-bracket-header .header-info .bracket-text,
.clash-bracket-header .header-info .tournament-text {
  text-transform: uppercase;
}
.clash-bracket-header .header-info .bracket-text:lang(ko-kr),
.clash-bracket-header .header-info .tournament-text:lang(ko-kr),
.clash-bracket-header .header-info .bracket-text:lang(ja-jp),
.clash-bracket-header .header-info .tournament-text:lang(ja-jp),
.clash-bracket-header .header-info .bracket-text:lang(tr-tr),
.clash-bracket-header .header-info .tournament-text:lang(tr-tr),
.clash-bracket-header .header-info .bracket-text:lang(el-gr),
.clash-bracket-header .header-info .tournament-text:lang(el-gr),
.clash-bracket-header .header-info .bracket-text:lang(th-th),
.clash-bracket-header .header-info .tournament-text:lang(th-th),
.clash-bracket-header .header-info .bracket-text:lang(zh-tw),
.clash-bracket-header .header-info .tournament-text:lang(zh-tw) {
  text-transform: none;
}
.clash-bracket-header .header-info .bracket-text {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.clash-bracket-header .header-info .tournament-text {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-bracket-header {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clash-bracket-header .header-logo {
  height: 100%;
  margin-right: 10px;
}
.clash-bracket-header .header-info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin-top: 3px;
  white-space: nowrap;
}
.clash-bracket-header .header-info .bracket-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 3px;
}
.clash-bracket-header .header-info .tournament-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #a09b8c;
}
.clash-bracket-nav .button .clash-generic-button-root {
  font-family: var(--font-display);
}
.clash-bracket-nav .button .clash-generic-button-root {
  -webkit-user-select: none;
}
.clash-bracket-nav .button .clash-generic-button-root {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-bracket-nav .button .clash-generic-button-root {
  text-transform: uppercase;
}
.clash-bracket-nav .button .clash-generic-button-root:lang(ko-kr),
.clash-bracket-nav .button .clash-generic-button-root:lang(ja-jp),
.clash-bracket-nav .button .clash-generic-button-root:lang(tr-tr),
.clash-bracket-nav .button .clash-generic-button-root:lang(el-gr),
.clash-bracket-nav .button .clash-generic-button-root:lang(th-th),
.clash-bracket-nav .button .clash-generic-button-root:lang(zh-tw) {
  text-transform: none;
}
.clash-bracket-nav .button .clash-generic-button-root {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-bracket-nav .button .clash-generic-button-root:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-bracket-nav {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.clash-bracket-nav .button {
  height: 35px;
  flex-grow: 1;
}
.clash-bracket-nav .button .clash-generic-button-root {
  color: #c8aa6e;
  position: relative;
}
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state {
  text-align: center;
  line-height: 35px;
}
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state.over,
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state.selected {
  color: #f0e6d2;
}
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state.down {
  color: #785a28;
}
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state:not(.selected)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background-color: rgba(200,200,200,0.5);
}
.clash-bracket-nav .button .clash-generic-button-root .clash-generic-button-state.selected::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background-color: #785a28;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle,
.clash-action-timeline .action-flow-container .action .countdown .infoTitle,
.clash-action-timeline .action-flow-container .action .name {
  font-family: var(--font-display);
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle,
.clash-action-timeline .action-flow-container .action .countdown .infoTitle,
.clash-action-timeline .action-flow-container .action .name {
  -webkit-user-select: none;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle,
.clash-action-timeline .action-flow-container .action .countdown .infoTitle,
.clash-action-timeline .action-flow-container .action .name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle,
.clash-action-timeline .action-flow-container .action .countdown .infoTitle,
.clash-action-timeline .action-flow-container .action .name {
  text-transform: uppercase;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(ko-kr),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(ko-kr),
.clash-action-timeline .action-flow-container .action .name:lang(ko-kr),
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(ja-jp),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(ja-jp),
.clash-action-timeline .action-flow-container .action .name:lang(ja-jp),
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(tr-tr),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(tr-tr),
.clash-action-timeline .action-flow-container .action .name:lang(tr-tr),
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(el-gr),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(el-gr),
.clash-action-timeline .action-flow-container .action .name:lang(el-gr),
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(th-th),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(th-th),
.clash-action-timeline .action-flow-container .action .name:lang(th-th),
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle:lang(zh-tw),
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(zh-tw),
.clash-action-timeline .action-flow-container .action .name:lang(zh-tw) {
  text-transform: none;
}
.clash-action-timeline .action-flow-container .action .name {
  text-transform: none;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-action-timeline .action-flow-container .action .countdown .infoTitle,
.clash-action-timeline .action-flow-container .action .name {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-action-timeline .action-flow-container .action .countdown .infoTitle:lang(ja-jp),
.clash-action-timeline .action-flow-container .action .name:lang(ja-jp) {
  font-size: 13px;
}
.clash-action-timeline .action-flow-container .action .name {
  letter-spacing: 0.0375em;
}
.clash-action-timeline .action-flow-container .action .name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.centering-padding {
  width: 390px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.action-button-wing-left,
.action-button-wing-right {
  background-image: url("/fe/lol-clash/assets/images/action-timeline-wing-left.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 10px;
  margin-right: 32px;
  width: 250px;
}
.action-button-wing-right {
  transform: scaleX(-1);
  margin-left: 32px;
  margin-right: 0px;
}
.clash-action-timeline {
  pointer-events: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding-top: 10px;
  width: 100%;
  height: 100%;
}
.clash-action-timeline .action-button-container {
  display: flex;
  flex-direction: row;
}
.clash-action-timeline .action-button-container .action-button-arrow-container {
  pointer-events: auto;
}
.clash-action-timeline .action-button-container .action-button-arrow-container .arrow-footer {
  justify-content: flex-start;
}
.clash-action-timeline .action-button-container .action-button-arrow-container .arrow-footer .arrow-footer-decoration {
  display: none;
}
.clash-action-timeline .action-button-container .action-button-flat-container {
  display: flex;
  pointer-events: auto;
  width: 200px;
  align-self: flex-start;
  margin-top: -5px;
  border-style: solid;
  padding: 3px;
  border-color: #463714;
  border-width: 1px;
}
.clash-action-timeline .action-button-container .action-button-flat-container .action-button-flat {
  width: 100%;
}
.clash-action-timeline .action-button-container .action-button-flat-container lol-uikit-flat-button::shadow .lol-uikit-flat-button,
.clash-action-timeline .action-button-container .action-button-flat-container *::shadow lol-uikit-flat-button::shadow .lol-uikit-flat-button {
  height: 28px;
  min-height: 0px;
}
.clash-action-timeline .action-flow-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  pointer-events: none;
}
.clash-action-timeline .action-flow-container .action {
  margin: 0px 25px 0px 25px;
  padding-bottom: 10px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  min-width: 100px;
}
.clash-action-timeline .action-flow-container .action .countdown {
  margin-bottom: -6px;
  white-space: nowrap;
}
.clash-action-timeline .action-flow-container .action .countdown .countdown-timer {
  height: 32px;
}
.clash-action-timeline .action-flow-container .action .countdown .headlineTitle {
  color: #cdbe91;
  margin-top: 25px;
  margin-bottom: 25px;
}
.clash-action-timeline .action-flow-container .action .countdown .infoTitle {
  color: #5b5a56;
  pointer-events: auto;
  margin-bottom: 8px;
}
.clash-action-timeline .action-flow-container .action .countdown .infoTitle.active {
  color: #f0e6d2;
  margin-top: 12px;
}
.clash-action-timeline .action-flow-container .action .countdown .infoTitle.emphasis {
  color: #0a96aa;
}
.clash-action-timeline .action-flow-container .action .action-complete {
  width: 20px;
  display: flex;
  align-items: flex-end;
}
.clash-action-timeline .action-flow-container .action .action-complete img {
  width: 100%;
}
.clash-action-timeline .action-flow-container .action .name {
  color: #5b5a56;
  height: 35px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.clash-action-timeline .action-flow-container .action.active {
  width: 200px;
  pointer-events: none;
  margin: 0px;
  padding-bottom: 10px;
  background-image: url("/fe/lol-clash/assets/images/action-timeline-glow.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: -4px;
}
.clash-action-timeline .action-flow-container .arrow-right {
  width: 20px;
  padding-bottom: 10px;
}
.clash-action-timeline .action-flow-container .arrow-right img {
  width: 100%;
}
.clash-action-timeline .clash-action-flow-action-disabled {
  margin: 20px 0;
}
.clash-action-timeline .clash-action-flow-action-disabled .action-disabled-lock {
  height: 36px;
  width: 36px;
  margin: auto;
  background-image: url("/fe/lol-clash/assets/images/hub/honor-lock-icon.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.clash-action-timeline .clash-action-flow-action-disabled .action-disabled-lock:hover {
  background-image: url("/fe/lol-clash/assets/images/hub/honor-lock-icon-hover.png");
}
.clash-defaults-dialog {
  min-width: 400px;
}
.clash-defaults-dialog .details {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 20px 0;
}
.clash-defaults-dialog .details .icon {
  height: 120px;
}
.clash-defaults-dialog .details .icon img {
  height: 100%;
}
.clash-defaults-dialog .details .name {
  color: #c8aa6e;
  text-overflow: ellipsis;
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
}
.clash-defaults-dialog .details .tag {
  color: #c8aa6e;
}
#clash-leave-gameflow-lobby-dialog {
  width: 100%;
  max-width: 520px;
}
.clash-leave-gameflow-lobby-dialog > h4 {
  margin-bottom: 18px;
}
.clash-leave-gameflow-lobby-dialog > p {
  padding-bottom: 5px;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text,
.clash-hall-of-champs-tournament-selector,
.clash-hall-of-champs-tournament-title {
  font-family: var(--font-display);
}
.clash-tab-hall-of-champs {
  font-family: var(--font-body);
}
.clash-tab-hall-of-champs,
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text,
.clash-hall-of-champs-tournament-selector,
.clash-hall-of-champs-tournament-title {
  -webkit-user-select: none;
}
.clash-tab-hall-of-champs,
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text,
.clash-hall-of-champs-tournament-selector,
.clash-hall-of-champs-tournament-title {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text,
.clash-hall-of-champs-tournament-selector,
.clash-hall-of-champs-tournament-title {
  text-transform: uppercase;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(ko-kr),
.clash-hall-of-champs-tournament-selector:lang(ko-kr),
.clash-hall-of-champs-tournament-title:lang(ko-kr),
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(ja-jp),
.clash-hall-of-champs-tournament-selector:lang(ja-jp),
.clash-hall-of-champs-tournament-title:lang(ja-jp),
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(tr-tr),
.clash-hall-of-champs-tournament-selector:lang(tr-tr),
.clash-hall-of-champs-tournament-title:lang(tr-tr),
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(el-gr),
.clash-hall-of-champs-tournament-selector:lang(el-gr),
.clash-hall-of-champs-tournament-title:lang(el-gr),
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(th-th),
.clash-hall-of-champs-tournament-selector:lang(th-th),
.clash-hall-of-champs-tournament-title:lang(th-th),
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(zh-tw),
.clash-hall-of-champs-tournament-selector:lang(zh-tw),
.clash-hall-of-champs-tournament-title:lang(zh-tw) {
  text-transform: none;
}
.clash-hall-of-champs-tournament-selector,
.clash-hall-of-champs-tournament-title {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text:lang(ja-jp) {
  font-size: 13px;
}
.clash-tab-hall-of-champs {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tab-hall-of-champs:lang(ja-jp) {
  font-size: 13px;
}
.clash-tab-hall-of-champs-content {
  position: absolute;
  top: 66px;
  bottom: 13px;
  right: 35px;
  left: 35px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tab-hall-of-champs {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 1055px;
  overflow: hidden;
  cursor: default;
  color: #a09b8c;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
  background-size: cover;
}
.clash-hall-of-champs-backdrop {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
  background-size: cover;
}
.clash-hall-of-champs-search-box-container {
  position: absolute;
  top: 79px;
  right: 35px;
  min-width: 220px;
}
.clash-hall-of-champs-loading-spinner {
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.clash-hall-of-champs-no-results {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  text-align: center;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-img {
  width: 204px;
  height: 192px;
}
.clash-hall-of-champs-no-results .clash-hall-of-champs-no-results-text {
  text-transform: none;
  color: #5b5a56;
  font-size: 14px;
  margin-top: 4px;
}
.clash-tab-hall-of-champs-content {
  top: 38px;
}
.clash-hall-of-champs-tournament-selector {
  color: #c8aa6e;
  position: relative;
  width: 400px;
}
.clash-hall-of-champs-tournament-selector .tournament-selector-dropdown {
  vertical-align: top;
  margin-top: -10px;
}
.clash-hall-of-champs-tournament-selector .tournament-selector-dropdown.active::shadow .ui-dropdown {
  z-index: 1;
}
.clash-hall-of-champs-tournament-selector .tournament-selector-dropdown.active::shadow .ui-dropdown .ui-dropdown-options-scrollable-area {
  max-height: 450px;
}
.clash-hall-of-champs-tournament-selector .tournament-selector-dropdown::shadow .ui-dropdown-current-content,
.clash-hall-of-champs-tournament-selector *::shadow .tournament-selector-dropdown::shadow .ui-dropdown-current-content {
  text-transform: uppercase;
}
.clash-hall-of-champs-tier-selector {
  position: relative;
  width: 40%;
  margin-left: 15px;
}
.clash-hall-of-champs-tournament-title {
  position: relative;
  margin-top: 2px;
  margin-bottom: 16px;
  margin-left: 10px;
}
.clash-hall-of-champs-roster-scroll-container {
  margin-top: 38px;
  position: relative;
  height: 420px;
  width: calc(100% + 10px);
  margin-left: 10px;
}
.clash-hall-of-champs-roster-scroll-padding {
  width: 100%;
  height: 84px;
}
.clash-hall-of-champs-rosters {
  display: flex;
  flex-direction: row;
  flex-flow: row wrap;
}
.clash-tournament-selector {
  width: 100%;
  height: 100%;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name {
  font-family: var(--font-display);
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-win-container {
  font-family: var(--font-body);
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-win-container {
  -webkit-user-select: none;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-win-container {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name {
  text-transform: uppercase;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(ko-kr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(ko-kr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(ja-jp),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(ja-jp),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(tr-tr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(tr-tr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(el-gr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(el-gr),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(th-th),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(th-th),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container:lang(zh-tw),
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name:lang(zh-tw) {
  text-transform: none;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container,
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-win-container {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-hall-of-champs-roster-component {
  margin-top: 10px;
  margin-bottom: 10px;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 326px;
  height: 84px;
  box-sizing: border-box;
  padding-left: 14px;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-text-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-around;
  margin-left: 16px;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-name-container {
  font-size: 18px;
  color: #a09b8c;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 208px;
  max-height: 54px;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-short-name {
  font-size: 18px;
  font-weight: bolder;
  color: #c8aa6e;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-win-container {
  color: #a09b8c;
  margin-top: 5px;
}
.clash-hall-of-champs-roster-component .clash-hall-of-champs-roster-friend-icon {
  margin-left: 4px;
  width: 14px;
  height: 14px;
}
.clash-hall-of-champs-roster-component:hover {
  background-image: url("/fe/lol-clash/assets/images/hall-of-champions/roster-hover.svg");
  background-size: 326px 84px;
  cursor: pointer;
}
.clash-hall-of-champs-roster-component:active {
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(100,100,100,0.1));
  cursor: pointer;
}
.clash-hall-of-champs-roster-component:nth-child(3n) {
  border-left: 2px solid rgba(181,181,181,0.2);
}
.clash-hall-of-champs-roster-component:nth-child(3n-1) {
  border-left: 2px solid rgba(181,181,181,0.2);
}
.center-in-parent,
.uikit-video-center-in-parent video,
.clash-capsule-progress .clash-capsule-progress-change-bid-animation video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-capsule-progress {
  position: relative;
  min-height: 248px;
  width: 100%;
  left: 0;
  top: 0;
}
.clash-capsule-progress .clash-capsule-progress-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.clash-capsule-progress .clash-capsule-progress-content {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
.clash-capsule-progress .clash-capsule-progress-capsule {
  position: absolute;
  top: -20px;
  left: -32px;
  width: 256px;
}
.clash-capsule-progress .clash-capsule-progress-progression {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.clash-capsule-progress .clash-capsule-progress-change-bid-animation video {
  top: 36%;
  width: 300px;
  height: 300px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-layout {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
}
.clash-roster-layout-background {
  position: absolute;
  top: -66px;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  opacity: 0.08;
  pointer-events: none;
  -webkit-filter: blur(3px);
}
.clash-roster-details-visual .clash-roster-details-team-tag,
.clash-roster-details-visual .clash-roster-details-team-name {
  font-family: var(--font-display);
}
.clash-roster-details-visual .clash-roster-details-team-tag,
.clash-roster-details-visual .clash-roster-details-team-name {
  -webkit-user-select: none;
}
.clash-roster-details-visual .clash-roster-details-team-tag,
.clash-roster-details-visual .clash-roster-details-team-name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-roster-details-visual .clash-roster-details-team-tag,
.clash-roster-details-visual .clash-roster-details-team-name {
  text-transform: uppercase;
}
.clash-roster-details-visual .clash-roster-details-team-tag:lang(ko-kr),
.clash-roster-details-visual .clash-roster-details-team-name:lang(ko-kr),
.clash-roster-details-visual .clash-roster-details-team-tag:lang(ja-jp),
.clash-roster-details-visual .clash-roster-details-team-name:lang(ja-jp),
.clash-roster-details-visual .clash-roster-details-team-tag:lang(tr-tr),
.clash-roster-details-visual .clash-roster-details-team-name:lang(tr-tr),
.clash-roster-details-visual .clash-roster-details-team-tag:lang(el-gr),
.clash-roster-details-visual .clash-roster-details-team-name:lang(el-gr),
.clash-roster-details-visual .clash-roster-details-team-tag:lang(th-th),
.clash-roster-details-visual .clash-roster-details-team-name:lang(th-th),
.clash-roster-details-visual .clash-roster-details-team-tag:lang(zh-tw),
.clash-roster-details-visual .clash-roster-details-team-name:lang(zh-tw) {
  text-transform: none;
}
.clash-roster-details-visual .clash-roster-details-team-tag {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-roster-details-visual .clash-roster-details-team-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-roster-details-visual .clash-roster-details-team-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-details-visual {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clash-roster-details-visual .clash-roster-details-center-row {
  flex: 1;
  height: 44px;
  display: flex;
  flex-direction: row;
  margin-left: 10px;
}
.clash-roster-details-visual .clash-roster-details-name-column {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.clash-roster-details-visual .clash-roster-details-tier-row {
  display: flex;
  flex-direction: row;
}
.clash-roster-details-visual .clash-roster-details-team-logo {
  height: 95%;
  flex-shrink: 1;
  position: relative;
}
.clash-roster-details-visual .clash-roster-details-team-logo.roster-no-team-logo .clash-roster-details-team-logo-img {
  opacity: 0.22;
}
.clash-roster-details-visual .clash-roster-details-team-logo .clash-roster-details-team-logo-img {
  height: 100%;
}
.clash-roster-details-visual .clash-roster-details-logo-pending-indicator {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.clash-roster-details-visual .clash-roster-details-pip-indicator {
  position: absolute;
  top: 5px;
  right: 0;
}
.clash-roster-details-visual .clash-roster-details-invalid-logo {
  position: absolute;
  top: 5px;
  right: 0;
  height: 20px;
}
.clash-roster-details-visual .clash-roster-details-invalid-logo-icon {
  height: 100%;
}
.clash-roster-details-visual .clash-roster-details-team-tag {
  font-size: 58px;
  color: #c8aa6e;
}
.clash-roster-details-visual .clash-roster-details-team-tag.clickable {
  cursor: pointer;
}
.clash-roster-details-visual .clash-roster-details-team-tag.is-roster-detail-placeholder {
  color: #5b5a56;
}
.clash-roster-details-visual .clash-roster-details-vertical-separator {
  width: 1px;
  background: #785a28;
  margin: 1px 10px;
}
.clash-roster-details-visual .clash-roster-details-team-name {
  font-size: 22px;
  color: #f0e6d2;
  max-width: 375px;
}
.clash-roster-details-visual .clash-roster-details-team-name.is-roster-detail-placeholder {
  color: #5b5a56;
}
.clash-roster-details-visual .clash-roster-details-team-tier {
  display: flex;
  margin-right: 10px;
}
.clash-roster-details-visual .clash-roster-details-pick-side-container {
  width: 18px;
  height: 18px;
}
.clash-roster-details-visual .clash-roster-details-pick-side-image {
  width: 18px;
  height: 18px;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  font-family: var(--font-display);
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  -webkit-user-select: none;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  text-transform: uppercase;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(ko-kr),
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(ja-jp),
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(tr-tr),
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(el-gr),
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(th-th),
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(zh-tw) {
  text-transform: none;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-underlined-selector {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.clash-underlined-selector .clash-underlined-selector-button.clash-underlined-selector-title-button .clash-generic-button-root .clash-generic-button-state.disabled .clash-generic-button-text {
  justify-content: flex-start;
  white-space: nowrap;
  min-width: 100px;
  color: #a09b8c;
}
.clash-underlined-selector .clash-underlined-selector-button {
  height: 30px;
  flex-grow: 1;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root {
  color: #c8aa6e;
  position: relative;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state {
  text-align: center;
  line-height: 30px;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.up .clash-generic-button-text {
  color: #a09b8c;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.over .clash-generic-button-text,
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.selected .clash-generic-button-text {
  color: #f0e6d2;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.down .clash-generic-button-text {
  color: #785a28;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.disabled .clash-generic-button-text {
  color: #5b5a56;
  cursor: default;
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state:not(.selected)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background-color: rgba(200,200,200,0.5);
}
.clash-underlined-selector .clash-underlined-selector-button .clash-generic-button-root .clash-generic-button-state.selected::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background-color: #fabe0a;
}
.clash-vp-progress .text-container .vp-progress-text {
  font-family: var(--font-display);
}
.clash-vp-progress .text-container .vp-progress-text {
  -webkit-user-select: none;
}
.clash-vp-progress .text-container .vp-progress-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-vp-progress .text-container .vp-progress-text {
  text-transform: uppercase;
}
.clash-vp-progress .text-container .vp-progress-text:lang(ko-kr),
.clash-vp-progress .text-container .vp-progress-text:lang(ja-jp),
.clash-vp-progress .text-container .vp-progress-text:lang(tr-tr),
.clash-vp-progress .text-container .vp-progress-text:lang(el-gr),
.clash-vp-progress .text-container .vp-progress-text:lang(th-th),
.clash-vp-progress .text-container .vp-progress-text:lang(zh-tw) {
  text-transform: none;
}
.clash-vp-progress .text-container .vp-progress-text {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.clash-vp-progress .text-container .vp-progress-text {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clash-vp-progress {
  display: flex;
  flex-direction: column;
}
.clash-vp-progress .vp-progress-container {
  width: 200px;
  height: 200px;
}
.clash-vp-progress .vp-progress-container .vp-progress-circle {
  position: absolute;
  width: 200px;
  height: 200px;
}
.clash-vp-progress .vp-progress-container .vp-progress-circle .vp-progress-item {
  width: 200px;
  height: 200px;
  background-size: contain;
  background-repeat: no-repeat;
}
.clash-vp-progress .vp-progress-container .vp-progress-circle .vp-progress-background {
  background-image: url("/fe/lol-clash/assets/images/celebration/vp_progression_frame.png");
}
.clash-vp-progress .vp-progress-container .vp-progress-circle .vp-progress-percent {
  background-image: url("/fe/lol-clash/assets/images/hub/vp-progress.png");
  -webkit-mask-image: url("/fe/lol-clash/assets/images/hub/vp-progress-mask.png");
  -webkit-mask-size: cover;
}
.clash-vp-progress .vp-progress-container .vp-progress-circle .vp-progress-complete {
  background-image: url("/fe/lol-clash/assets/images/celebration/vp_progression_meter_complete.png");
  -webkit-mask-image: url("/fe/lol-clash/assets/images/hub/vp-progress-mask.png");
  -webkit-mask-size: cover;
}
.clash-vp-progress .vp-progress-container .vp-reward-image-container {
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/fe/lol-clash/assets/images/hub/vp-progress-reward-mask.png");
  -webkit-mask-size: cover;
}
.clash-vp-progress .vp-progress-container .vp-reward-image-container.desaturate {
  -webkit-filter: grayscale(85%);
}
.clash-vp-progress .vp-progress-container .vp-reward-image-container .vp-reward-image-flag {
  position: absolute;
  width: 128px;
  height: 128px;
  left: 36px;
  top: 36px;
}
.clash-vp-progress .vp-progress-container .vp-reward-image-container .vp-reward-image-logo {
  position: absolute;
  width: 128px;
  height: 128px;
  left: 36px;
  top: 36px;
}
.clash-vp-progress .vp-progress-container .vp-reward-complete-image {
  position: absolute;
  height: 200px;
  width: 200px;
  left: 0;
  right: 0;
}
.clash-vp-progress .text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -20px;
  width: 100%;
}
.clash-vp-progress .text-container .vp-progress-text {
  font-size: 18px;
}
.clash-carousel .clash-carousel-nav-item-title {
  font-family: var(--font-display);
}
.clash-carousel .clash-carousel-nav-item-title {
  -webkit-user-select: none;
}
.clash-carousel .clash-carousel-nav-item-title {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-carousel .clash-carousel-nav-item-title {
  text-transform: uppercase;
}
.clash-carousel .clash-carousel-nav-item-title:lang(ko-kr),
.clash-carousel .clash-carousel-nav-item-title:lang(ja-jp),
.clash-carousel .clash-carousel-nav-item-title:lang(tr-tr),
.clash-carousel .clash-carousel-nav-item-title:lang(el-gr),
.clash-carousel .clash-carousel-nav-item-title:lang(th-th),
.clash-carousel .clash-carousel-nav-item-title:lang(zh-tw) {
  text-transform: none;
}
.clash-carousel .clash-carousel-nav-item-title {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-carousel,
.clash-carousel .clash-carousel-content,
.clash-carousel .clash-carousel-nav,
.clash-carousel .clash-carousel-nav-info-section,
.clash-carousel .clash-carousel-nav-pips-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.clash-carousel {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  flex-direction: column;
}
.clash-carousel .clash-carousel-content {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.clash-carousel .clash-carousel-section-controller {
  position: absolute;
}
.clash-carousel .clash-carousel-nav {
  height: 70px;
  width: 100%;
  justify-content: center;
}
.clash-carousel .clash-carousel-nav.use-buttons-on-nav {
  justify-content: space-between;
}
.clash-carousel .clash-carousel-nav-info-section {
  flex-direction: column;
}
.clash-carousel .clash-carousel-content-buttons {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.clash-carousel .clash-carousel-item {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.clash-carousel .clash-carousel-nav-item-title {
  color: #a09b8c;
  font-size: 12px;
  text-align: center;
  flex: 1;
  margin-bottom: 7px;
}
.clash-carousel .clash-carousel-nav-pip {
  width: 4px;
  height: 4px;
  margin: 0 4.5px;
  border: 1px solid #785a28;
  border-radius: 4px;
}
.clash-carousel .clash-carousel-nav-pip.clash-carousel-nav-pip-selected {
  background: #785a28;
}
.clash-carousel .clash-carousel-nav-button {
  margin: 0 12px;
}
.clash-carousel-button {
  height: 30px;
  width: 30px;
  visibility: hidden;
}
.clash-carousel-button.clash-carousel-button-is-visible {
  visibility: visible;
}
.clash-hub-roster .hub-roster-record-tournament-name {
  font-family: var(--font-display);
}
.clash-hub-roster .hub-roster-record-tournament-name {
  -webkit-user-select: none;
}
.clash-hub-roster .hub-roster-record-tournament-name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-hub-roster .hub-roster-record-tournament-name {
  text-transform: uppercase;
}
.clash-hub-roster .hub-roster-record-tournament-name:lang(ko-kr),
.clash-hub-roster .hub-roster-record-tournament-name:lang(ja-jp),
.clash-hub-roster .hub-roster-record-tournament-name:lang(tr-tr),
.clash-hub-roster .hub-roster-record-tournament-name:lang(el-gr),
.clash-hub-roster .hub-roster-record-tournament-name:lang(th-th),
.clash-hub-roster .hub-roster-record-tournament-name:lang(zh-tw) {
  text-transform: none;
}
.clash-hub-roster .hub-roster-record-tournament-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-hub-roster {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 665px;
  height: 100px;
  min-height: 100px;
  margin-bottom: 1px;
  cursor: pointer;
}
.clash-hub-roster:hover {
  background: -webkit-linear-gradient(left, rgba(255,255,255,0.1) 50%, rgba(255,255,255,0));
}
.clash-hub-roster:hover .hub-roster-details-name {
  color: #f0e6d2;
}
.clash-hub-roster:hover .hub-roster-record-tournament-name {
  color: #f0e6d2;
}
.clash-hub-roster:hover .hub-roster-details .clash-roster-details-team-tier .clash-tier-placement {
  background-color: #a09b8c;
}
.clash-hub-roster .hub-roster-record {
  width: 319px;
  height: 100px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.clash-hub-roster .hub-roster-record-text-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 233px;
}
.clash-hub-roster .hub-roster-record-tournament-name {
  color: #cdbe91;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  line-height: 12px;
  max-height: 24px;
  word-wrap: normal;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}
.clash-hub-roster .hub-roster-record-tournament-days {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 12px;
}
.clash-hub-roster .hub-roster-record-trophy {
  margin-top: 10px;
}
.clash-hub-roster .hub-roster-record-trophy img {
  width: 84px;
  height: 84px;
}
.clash-hub-roster-details .hub-roster-details-name,
.clash-hub-roster-details .hub-roster-details-short-name {
  font-family: var(--font-display);
}
.clash-hub-roster-details .hub-roster-details-name,
.clash-hub-roster-details .hub-roster-details-short-name {
  -webkit-user-select: none;
}
.clash-hub-roster-details .hub-roster-details-name,
.clash-hub-roster-details .hub-roster-details-short-name {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-hub-roster-details .hub-roster-details-name,
.clash-hub-roster-details .hub-roster-details-short-name {
  text-transform: uppercase;
}
.clash-hub-roster-details .hub-roster-details-name:lang(ko-kr),
.clash-hub-roster-details .hub-roster-details-short-name:lang(ko-kr),
.clash-hub-roster-details .hub-roster-details-name:lang(ja-jp),
.clash-hub-roster-details .hub-roster-details-short-name:lang(ja-jp),
.clash-hub-roster-details .hub-roster-details-name:lang(tr-tr),
.clash-hub-roster-details .hub-roster-details-short-name:lang(tr-tr),
.clash-hub-roster-details .hub-roster-details-name:lang(el-gr),
.clash-hub-roster-details .hub-roster-details-short-name:lang(el-gr),
.clash-hub-roster-details .hub-roster-details-name:lang(th-th),
.clash-hub-roster-details .hub-roster-details-short-name:lang(th-th),
.clash-hub-roster-details .hub-roster-details-name:lang(zh-tw),
.clash-hub-roster-details .hub-roster-details-short-name:lang(zh-tw) {
  text-transform: none;
}
.clash-hub-roster-details .hub-roster-details-name,
.clash-hub-roster-details .hub-roster-details-short-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-hub-roster-details {
  width: 346px;
  height: 100px;
  display: flex;
  position: relative;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.clash-hub-roster-details .hub-roster-details-caret {
  width: 26px;
  height: 50px;
  margin-left: -1px;
}
.clash-hub-roster-details .hub-roster-details-caret img {
  width: 100%;
  height: 100%;
}
.clash-hub-roster-details .pending-icon {
  -webkit-filter: grayscale(100%);
  opacity: 0.3;
}
.clash-hub-roster-details .pending-text {
  color: #5b5a56;
}
.clash-hub-roster-details .hub-roster-details-icon {
  margin: 17px 11px 20px 18px;
}
.clash-hub-roster-details .hub-roster-details-icon img {
  width: 64px;
  height: 64px;
}
.clash-hub-roster-details .hub-roster-details-name-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  align-items: flex-start;
  justify-content: center;
}
.clash-hub-roster-details .hub-roster-details-name {
  font-size: 18px;
  color: #a09b8c;
  line-height: 18px;
  max-height: 36px;
  overflow: hidden;
  word-break: break-all;
}
.clash-hub-roster-details .hub-roster-details-name-container-bottom {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.clash-hub-roster-details .hub-roster-details-short-name {
  font-size: 21px;
  color: #c8aa6e;
  margin-right: 8px;
}
.clash-hub-roster-details .hub-roster-details .clash-roster-details-team-tier .clash-tier-placement {
  font-size: 12px;
  background-color: #838075;
}
.clash-hub-roster-record-day .hub-roster-record-day-name,
.clash-hub-roster-record-day .hub-roster-record-day-score,
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  font-family: var(--font-display);
}
.clash-hub-roster-record-day .hub-roster-record-day-name,
.clash-hub-roster-record-day .hub-roster-record-day-score,
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  -webkit-user-select: none;
}
.clash-hub-roster-record-day .hub-roster-record-day-name,
.clash-hub-roster-record-day .hub-roster-record-day-score,
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-hub-roster-record-day .hub-roster-record-day-name,
.clash-hub-roster-record-day .hub-roster-record-day-score,
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  text-transform: uppercase;
}
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(ko-kr),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(ko-kr),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(ko-kr),
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(ja-jp),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(ja-jp),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(ja-jp),
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(tr-tr),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(tr-tr),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(tr-tr),
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(el-gr),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(el-gr),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(el-gr),
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(th-th),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(th-th),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(th-th),
.clash-hub-roster-record-day .hub-roster-record-day-name:lang(zh-tw),
.clash-hub-roster-record-day .hub-roster-record-day-score:lang(zh-tw),
.clash-hub-roster-record-day .hub-roster-record-day-score-win:lang(zh-tw) {
  text-transform: none;
}
.clash-hub-roster-record-day .hub-roster-record-day-name,
.clash-hub-roster-record-day .hub-roster-record-day-score,
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-hub-roster-record-day {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 77px;
}
.clash-hub-roster-record-day:not(:last-child) {
  border-right: 1px solid #3c3c41;
}
.clash-hub-roster-record-day .hub-roster-record-day-name {
  font-size: 12px;
  color: #5b5a56;
}
.clash-hub-roster-record-day .hub-roster-record-day-score {
  font-size: 18px;
  color: #5b5a56;
}
.clash-hub-roster-record-day .hub-roster-record-day-score img {
  width: 18px;
  height: 18px;
}
.clash-hub-roster-record-day .hub-roster-record-day-score-win {
  font-size: 18px;
  background: -webkit-linear-gradient(#cdbe91, #c8aa6e 40%, #785a28);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-day-planner {
  width: 100%;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.clash-day-planner-node {
  font-family: var(--font-display);
}
.clash-day-planner-node {
  -webkit-user-select: none;
}
.clash-day-planner-node {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-day-planner-node {
  text-transform: uppercase;
}
.clash-day-planner-node:lang(ko-kr),
.clash-day-planner-node:lang(ja-jp),
.clash-day-planner-node:lang(tr-tr),
.clash-day-planner-node:lang(el-gr),
.clash-day-planner-node:lang(th-th),
.clash-day-planner-node:lang(zh-tw) {
  text-transform: none;
}
.clash-day-planner-node {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-day-planner-node {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 46px;
  width: 80px;
  margin: 0 2px;
  background-image: url("/fe/lol-clash/assets/images/day-planner/dayplanner-off.png");
  background-size: cover;
  color: #cdbe91;
}
.clash-day-planner-node.interactive:hover {
  background-image: url("/fe/lol-clash/assets/images/day-planner/dayplanner-off-over.png");
}
.clash-day-planner-node.active {
  background-image: url("/fe/lol-clash/assets/images/day-planner/dayplanner-on.png");
  color: #f0e6d2;
}
.clash-day-planner-node.active.interactive:hover {
  background-image: url("/fe/lol-clash/assets/images/day-planner/dayplanner-on-over.png");
}
.clash-day-planner-node .clash-day-planner-node-text {
  margin-top: 8px;
}
.clash-day-planner-node:not(.interactive) .clash-day-planner-node-text {
  color: #5b5a56;
}
.clash-day-planner-node .clash-day-planner-node-complete {
  background-image: url("/fe/lol-clash/assets/images/day-planner/checkmark.png");
  background-size: contain;
  height: 24px;
  width: 24px;
  margin: 6px auto 0;
}
.clash-day-planner-node .clash-day-planner-node-warning {
  height: 24px;
  margin-top: 8px;
}
.clash-pip-counter .clash-pip-counter-number {
  font-family: var(--font-body);
}
.clash-pip-counter .clash-pip-counter-number {
  -webkit-user-select: none;
}
.clash-pip-counter .clash-pip-counter-number {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-pip-counter .clash-pip-counter-number {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-pip-counter .clash-pip-counter-number:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-pip-counter {
  height: 16px;
  padding: 0 6px;
  background: #c89b3c;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 250ms linear;
}
.clash-pip-counter.has-pips {
  opacity: 1;
}
.clash-pip-counter .clash-pip-counter-number {
  font-weight: bold;
  color: #010a13;
  margin-top: 1px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-hub-roster-current {
  display: flex;
  position: relative;
  flex-direction: row;
  justify-content: flex-start;
  width: 665px;
  height: 100px;
  min-height: 100px;
  margin-bottom: 1px;
  cursor: pointer;
}
.clash-hub-roster-current .hub-roster-details-name {
  color: #fabe0a;
}
.clash-hub-roster-current:hover .hub-roster-details-name {
  color: #f0e6d2;
}
.clash-hub-roster-current:hover .hub-roster-record-tournament-name {
  color: #f0e6d2;
}
.clash-hub-roster-current:hover .hub-roster-details .clash-roster-details-team-tier .clash-tier-placement {
  background-color: #a09b8c;
}
.clash-hub-roster-current #hub-roster-current-background-animation {
  margin-left: -32px;
  pointer-events: none;
}
.clash-hub-roster-current .hub-roster-current-icons {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.clash-hub-roster-current .hub-roster-current-icons .clash-overview-summoner .clash-overview-summoner-img {
  width: 32px;
  height: 32px;
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 0;
  margin-top: 0;
}
.clash-hub-roster-current video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-overview-summoner .clash-overview-summoner-img {
  height: 40px;
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 16px;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input {
  font-family: var(--font-display);
}
.clash-roster-details-selector .clash-roster-details-name-tag-error {
  font-family: var(--font-body);
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-tag-error {
  -webkit-user-select: none;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-tag-error {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input {
  text-transform: uppercase;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(ko-kr),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(ko-kr),
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(ja-jp),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(ja-jp),
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(tr-tr),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(tr-tr),
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(el-gr),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(el-gr),
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(th-th),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(th-th),
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input:lang(zh-tw),
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input:lang(zh-tw) {
  text-transform: none;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input,
.clash-roster-details-selector .clash-roster-details-name-input lol-uikit-flat-input input {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-roster-details-selector .clash-roster-details-name-tag-error {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-roster-details-selector .clash-roster-details-name-tag-error:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-roster-details-selector-root {
  width: 600px;
  height: 450px;
}
.clash-roster-details-selector .clash-roster-details-selector-dialog {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.clash-roster-details-selector .clash-roster-details-selector-header {
  height: 40px;
  padding: 0 13px 0 15px;
  display: flex;
  align-items: center;
  border-bottom: 1px #785a28 solid;
}
.clash-roster-details-selector .clash-roster-details-selector-x-button {
  width: 13px;
  height: 13px;
  margin-left: auto;
  margin-top: -1px;
}
.clash-roster-details-selector .clash-roster-details-name-tag-section {
  height: 60px;
  padding: 14px 18px 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px #785a28 solid;
}
.clash-roster-details-selector .clash-roster-details-name-tag-section-row {
  display: flex;
}
.clash-roster-details-selector .clash-roster-details-tag-input {
  height: 32px;
  width: 99px;
}
.clash-roster-details-selector .clash-roster-details-tag-input lol-uikit-flat-input input {
  color: #c8aa6e;
  text-align: center;
}
.clash-roster-details-selector .clash-roster-details-name-input {
  height: 32px;
  margin-left: 11px;
  flex: 1;
}
.clash-roster-details-selector .clash-roster-details-name-tag-error {
  margin-top: 6px;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-section {
  height: 295px;
  display: flex;
  border-bottom: 1px #785a28 solid;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-container {
  flex: 2;
  display: flex;
  border-right: 1px #785a28 solid;
  overflow: hidden;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-list {
  padding: 7px 0 0 13px;
  display: flex;
  flex-wrap: wrap;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button {
  position: relative;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button:nth-child(5) {
  margin-right: 0;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button.is-icon-unavailable .clash-generic-button-root .clash-generic-button-state img {
  -webkit-filter: saturate(0%);
  opacity: 0.7;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button.is-icon-unavailable .clash-generic-button-root .clash-generic-button-state.over img,
.clash-roster-details-selector .clash-roster-details-selector-icon-button.is-icon-unavailable .clash-generic-button-root .clash-generic-button-state.down img {
  opacity: 1;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state {
  border: 2px solid transparent;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state img {
  width: 58px;
  height: 58px;
  padding: 1px;
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state.over {
  background: rgba(255,255,255,0.1);
}
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state.down,
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state.up.selected,
.clash-roster-details-selector .clash-roster-details-selector-icon-button .clash-generic-button-root .clash-generic-button-state.over.selected {
  border: 2px solid transparent;
  border-image: linear-gradient(to top, #c8aa6e 0%, #c89b3c 44%, #a07b32 59%, #785a28 100%);
  border-image-slice: 1;
  padding: 0;
  background: rgba(255,255,255,0.1);
}
.clash-roster-details-selector .clash-roster-details-selector-icon-unavailable {
  position: absolute;
  left: 24px;
  bottom: -2px;
  width: 15px;
  pointer-events: none;
}
.clash-roster-details-selector .clash-roster-details-selector-new-logo-pip-counter {
  position: absolute;
  top: 3px;
  right: 0;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-container {
  flex: 1.05;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.clash-roster-details-selector .clash-roster-details-selector-full-logo {
  height: 170px;
  position: relative;
}
.clash-roster-details-selector .clash-roster-details-selector-full-logo-img {
  height: 100%;
}
.clash-roster-details-selector .clash-roster-details-selector-invalid-logo {
  position: absolute;
  top: 0;
  right: 0;
  height: 35px;
}
.clash-roster-details-selector .clash-roster-details-selector-invalid-logo-icon {
  height: 100%;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-list {
  display: flex;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-unavailable {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -6px;
  width: 9px;
  pointer-events: none;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button {
  position: relative;
  height: 20px;
  width: 20px;
  margin: 2px 7px;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button .clash-generic-button-root .clash-generic-button-state img {
  width: 14px;
  height: 14px;
  padding: 3px;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button .clash-generic-button-root .clash-generic-button-state.over:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url("/fe/lol-clash/assets/images/roster-logos/chroma-selector.png") no-repeat;
  background-size: cover;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button .clash-generic-button-root .clash-generic-button-state.down:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url("/fe/lol-clash/assets/images/roster-logos/chroma-selector.png") no-repeat;
  background-size: cover;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button .clash-generic-button-root .clash-generic-button-state.up.selected:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url("/fe/lol-clash/assets/images/roster-logos/chroma-selector.png") no-repeat;
  background-size: cover;
}
.clash-roster-details-selector .clash-roster-details-selector-chroma-button .clash-generic-button-root .clash-generic-button-state.over.selected:after {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  content: '';
  background: url("/fe/lol-clash/assets/images/roster-logos/chroma-selector.png") no-repeat;
  background-size: cover;
}
.clash-roster-details-selector .clash-roster-details-selector-color-new-pip {
  position: absolute;
  top: -2px;
  right: -2px;
  height: 7px;
  width: 7px;
  background: #c89b3c;
  border-radius: 4px;
}
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y-rail,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y-rail:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y-rail .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container.ps-in-scrolling.ps-y .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container.ps-in-scrolling.ps-y .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container.ps-in-scrolling.ps-y .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container.ps-in-scrolling.ps-y .ps-scrollbar-y-rail:hover .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover .ps-scrollbar-y-rail:hover .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover.ps-in-scrolling.ps-y .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover.ps-in-scrolling.ps-y .ps-scrollbar-y:hover,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover.ps-in-scrolling.ps-y .ps-scrollbar-y-rail:hover .ps-scrollbar-y,
.clash-roster-details-selector .clash-roster-details-selector-scrollable::shadow .ps-container:hover.ps-in-scrolling.ps-y .ps-scrollbar-y-rail:hover .ps-scrollbar-y:hover {
  width: 4px;
}
.clash-async-text-field .display {
  font-family: var(--font-display);
}
.clash-async-text-field .display {
  -webkit-user-select: none;
}
.clash-async-text-field .display {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-async-text-field .display,
.clash-async-text-field .edit-input input {
  text-transform: uppercase;
}
.clash-async-text-field .display:lang(ko-kr),
.clash-async-text-field .edit-input input:lang(ko-kr),
.clash-async-text-field .display:lang(ja-jp),
.clash-async-text-field .edit-input input:lang(ja-jp),
.clash-async-text-field .display:lang(tr-tr),
.clash-async-text-field .edit-input input:lang(tr-tr),
.clash-async-text-field .display:lang(el-gr),
.clash-async-text-field .edit-input input:lang(el-gr),
.clash-async-text-field .display:lang(th-th),
.clash-async-text-field .edit-input input:lang(th-th),
.clash-async-text-field .display:lang(zh-tw),
.clash-async-text-field .edit-input input:lang(zh-tw) {
  text-transform: none;
}
.clash-async-text-field .display {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-async-text-field .display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-async-text-field {
  position: relative;
  width: 100%;
  height: 100%;
}
.clash-async-text-field .begin-edit-btn-container {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.clash-async-text-field .begin-edit-btn-container:hover {
  opacity: 1;
}
.clash-async-text-field .begin-edit-btn {
  position: absolute;
  height: 26px;
  width: 26px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
}
.clash-async-text-field .edit-input {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 100%;
}
.clash-async-text-field .edit-input lol-uikit-flat-input,
.clash-async-text-field .edit-input lol-uikit-flat-input input {
  width: 100%;
  height: 100%;
}
.clash-async-text-field .edit-input .validation-indicator {
  display: none;
  position: absolute;
  height: 100%;
  top: 0;
  right: -30px;
}
.clash-async-text-field .edit-input .validation-indicator img {
  height: 60%;
  margin-top: 25%;
}
.clash-async-text-field .edit-input.has-txt.valid .validation-indicator {
  display: block;
}
.clash-async-text-field .edit-input.has-txt.invalid input {
  border-color: #781e31;
}
.clash-async-text-field .edit-input.has-txt.invalid input:focus {
  border-image: linear-gradient(to bottom, #781e31, #b32d49) 1 stretch;
}
.clash-async-text-field .edit-input.has-txt.invalid .validation-indicator {
  display: block;
}
.clash-async-text-field .loading-spinner {
  position: absolute;
  top: 10px;
  right: 10px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-view-roster-modal {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: default;
  background-color: #040d18;
  animation: 0.5s fadein ease-out both;
}
.clash-view-roster-modal .clash-view-roster-modal-roster-layout {
  width: 665px;
  animation: 0.5s fadein ease-out 0.5s both;
}
.clash-view-roster-modal .clash-view-roster-modal-countdown {
  margin-top: 50px;
  animation: 0.5s fadein ease-out 0.5s both;
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.clash-reclaim-sub-position .clash-reclaim-sub-position-ticket-selector {
  height: 64px;
}
.clash-selector-palette .option-container .option {
  font-family: var(--font-body);
}
.clash-selector-palette .option-container .option {
  -webkit-user-select: none;
}
.clash-selector-palette .option-container .option {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-selector-palette .option-container .option {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-selector-palette .option-container .option:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-selector-palette {
  position: absolute;
  width: 170px;
  z-index: 9001;
}
.clash-selector-palette .caret {
  width: 26px;
  position: relative;
  margin-bottom: -6px;
}
.clash-selector-palette .option-container {
  background-color: #010a13;
  border: 2px;
  border-image: linear-gradient(to bottom, #463714, #785a28) 2 stretch;
}
.clash-selector-palette .option-container .option {
  color: #cdbe91;
  height: 40px;
  display: flex;
  align-items: center;
  padding: 0 12px;
  cursor: pointer;
}
.clash-selector-palette .option-container .option.no-padding {
  padding: 0;
}
.clash-selector-palette .option-container .option.enabled:hover {
  background-color: #1e2328;
  color: #f0e6d2;
}
.clash-selector-palette .option-container .option:not(.enabled) {
  color: #5b5a56;
  cursor: default;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.clash-faq-modal .faq-title-bar .faq-title {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.clash-faq-modal .faq-title-bar .faq-title {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.clash-faq-modal .faq-title-bar .faq-title {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.clash-faq-modal .faq-title-bar .faq-title {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.clash-faq-modal .faq-title-bar .faq-title:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.clash-faq-modal .faq-title-bar .faq-title:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.clash-faq-modal .faq-title-bar .faq-title:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.clash-faq-modal .faq-title-bar .faq-title:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.clash-faq-modal .faq-title-bar .faq-title:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw),
.clash-faq-modal .faq-title-bar .faq-title:lang(zh-tw) {
  text-transform: none;
}
.clash-faq-modal .faq-title-bar .faq-title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.clash-faq-modal {
  width: 700px;
  box-sizing: border-box;
  background-color: #010a13;
  -webkit-user-select: none;
  display: flex;
  flex-direction: column;
}
.clash-faq-modal .faq-title-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 67px;
  border-bottom: 1px solid #1e282d;
  margin: 0 19px;
}
.clash-faq-modal .faq-title-bar .faq-header-name {
  color: #a09b8c;
}
.clash-faq-modal .faq-title-bar .faq-header-break {
  color: #a09b8c;
  padding: 0 3px;
}
.clash-faq-modal .faq-title-bar .faq-current {
  color: #f0e6d2;
}
.clash-faq-modal .faq-body {
  display: flex;
  flex: 1;
  height: 482px;
}
.clash-faq-modal .faq-body .faq-navbar-container {
  width: 172px;
  height: 410px;
  margin-top: 5px;
  flex-shrink: 0;
  background-image: radial-gradient(circle at 0px 200px, #463714, #0a1428);
  background-position: right;
  background-repeat: no-repeat;
  background-size: 1px 100%;
  overflow-x: hidden;
}
.clash-faq-modal .faq-body .faq-page-container {
  width: calc(100% + 5px);
  overflow-x: hidden;
  height: 410px;
  padding-right: 2px;
}
.clash-faq-modal .faq-body .faq-page-container .faq-page-content {
  width: calc(100% - 40px);
  overflow-x: hidden;
  padding: 30px 25px 30px 35px;
  position: relative;
}
.clash-faq-modal lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.faq-navitem {
  padding-left: 14px;
  height: auto;
  min-height: 30px;
  line-height: 16px;
  align-items: center;
  font-size: 12px;
  transition: all 0.3s ease;
  width: calc(100% - 14px);
  color: #cdbe91;
}
.clash-faq-modal lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.faq-navitem:hover {
  background: #1e2328;
  color: #f0e6d2;
}
.clash-faq-modal lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item[active].faq-navitem {
  padding-left: 19px;
  width: calc(100% - 19px);
  color: #f0e6d2;
}
.clash-faq-modal lol-uikit-navigation-bar[type=tabbed] lol-uikit-navigation-item.faq-navitem::before {
  width: 3px;
  min-height: 32px;
  line-height: 16px;
  top: 0px;
  left: 0px;
}
.clash-faq-modal .faq-footer {
  display: flex;
  justify-content: center;
  height: 32px;
  width: 100%;
}
.clash-faq-modal .faq-footer .faq-close-container {
  position: relative;
  bottom: -2px;
}
.clash-faq-modal .faq-footer .faq-close-button {
  position: relative;
  bottom: 0;
  width: 100px;
  height: 32px;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-hour-value,
.faq-schedule-caption-title-phases,
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-schedule-caption-hour-label,
.faq-schedule-caption-phase {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-hour-value,
.faq-schedule-caption-hour-label,
.faq-schedule-caption-title-phases,
.faq-schedule-caption-phase,
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-hour-value,
.faq-schedule-caption-hour-label,
.faq-schedule-caption-title-phases,
.faq-schedule-caption-phase,
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-hour-value,
.faq-schedule-caption-title-phases,
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-schedule-caption-title:lang(ko-kr),
.faq-schedule-caption-title-day:lang(ko-kr),
.faq-schedule-caption-hour-value:lang(ko-kr),
.faq-schedule-caption-title-phases:lang(ko-kr),
.faq-schedule-phase:lang(ko-kr),
.faq-schedule-phase-1:lang(ko-kr),
.faq-schedule-phase-2:lang(ko-kr),
.faq-schedule-phase-3:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-schedule-caption-title:lang(ja-jp),
.faq-schedule-caption-title-day:lang(ja-jp),
.faq-schedule-caption-hour-value:lang(ja-jp),
.faq-schedule-caption-title-phases:lang(ja-jp),
.faq-schedule-phase:lang(ja-jp),
.faq-schedule-phase-1:lang(ja-jp),
.faq-schedule-phase-2:lang(ja-jp),
.faq-schedule-phase-3:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-schedule-caption-title:lang(tr-tr),
.faq-schedule-caption-title-day:lang(tr-tr),
.faq-schedule-caption-hour-value:lang(tr-tr),
.faq-schedule-caption-title-phases:lang(tr-tr),
.faq-schedule-phase:lang(tr-tr),
.faq-schedule-phase-1:lang(tr-tr),
.faq-schedule-phase-2:lang(tr-tr),
.faq-schedule-phase-3:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-schedule-caption-title:lang(el-gr),
.faq-schedule-caption-title-day:lang(el-gr),
.faq-schedule-caption-hour-value:lang(el-gr),
.faq-schedule-caption-title-phases:lang(el-gr),
.faq-schedule-phase:lang(el-gr),
.faq-schedule-phase-1:lang(el-gr),
.faq-schedule-phase-2:lang(el-gr),
.faq-schedule-phase-3:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-schedule-caption-title:lang(th-th),
.faq-schedule-caption-title-day:lang(th-th),
.faq-schedule-caption-hour-value:lang(th-th),
.faq-schedule-caption-title-phases:lang(th-th),
.faq-schedule-phase:lang(th-th),
.faq-schedule-phase-1:lang(th-th),
.faq-schedule-phase-2:lang(th-th),
.faq-schedule-phase-3:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw),
.faq-schedule-caption-title:lang(zh-tw),
.faq-schedule-caption-title-day:lang(zh-tw),
.faq-schedule-caption-hour-value:lang(zh-tw),
.faq-schedule-caption-title-phases:lang(zh-tw),
.faq-schedule-phase:lang(zh-tw),
.faq-schedule-phase-1:lang(zh-tw),
.faq-schedule-phase-2:lang(zh-tw),
.faq-schedule-phase-3:lang(zh-tw) {
  text-transform: none;
}
.faq-schedule-caption-hour-value {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini,
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-title-phases,
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp),
.faq-schedule-caption-title:lang(ja-jp),
.faq-schedule-caption-title-day:lang(ja-jp),
.faq-schedule-caption-title-phases:lang(ja-jp),
.faq-schedule-phase:lang(ja-jp),
.faq-schedule-phase-1:lang(ja-jp),
.faq-schedule-phase-2:lang(ja-jp),
.faq-schedule-phase-3:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-schedule-caption-hour-label,
.faq-schedule-caption-phase {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-schedule-caption-hour-label:lang(ja-jp),
.faq-schedule-caption-phase:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-schedule {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-schedule-caption-title,
.faq-schedule-caption-title-day,
.faq-schedule-caption-title-phases {
  color: #785a28;
}
.faq-schedule-caption-hour-value {
  color: #a09b8c;
  margin-top: 4px;
}
.faq-schedule-caption-hour-label {
  margin: 0px;
}
.faq-schedule-layout-horizontal-days {
  display: flex;
  flex-direction: row;
  width: 427px;
  justify-content: space-around;
  margin-bottom: 28px;
}
.faq-schedule-layout-day {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faq-schedule-layout-hour-start {
  display: flex;
  flex-direction: column;
  background-size: cover;
  background-image: url("/fe/lol-clash/assets/images/faq/schedule-start.png");
  background-repeat: no-repeat;
  justify-content: center;
  align-items: center;
  width: 135px;
  height: 60px;
}
.faq-schedule-layout-horizontal-phases {
  display: flex;
  flex-direction: row;
  width: 427px;
  align-items: stretch;
  margin-top: 6px;
  margin-left: -6px;
}
.faq-schedule-layout-phase {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.faq-schedule-caption-title-phases {
  width: 427px;
  text-align: center;
  margin-left: -6px;
}
.faq-schedule-caption-phase {
  color: #5b5a56;
  width: 100%;
  text-align: center;
}
.faq-schedule-phase,
.faq-schedule-phase-1,
.faq-schedule-phase-2,
.faq-schedule-phase-3 {
  color: #a09b8c;
  text-align: center;
  line-height: 36px;
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
  height: 39px;
  margin-bottom: 3px;
}
.faq-schedule-phase-1 {
  background-image: url("/fe/lol-clash/assets/images/faq/phase-1.png");
}
.faq-schedule-phase-2 {
  background-image: url("/fe/lol-clash/assets/images/faq/phase-2.png");
}
.faq-schedule-phase-3 {
  background-image: url("/fe/lol-clash/assets/images/faq/phase-3.png");
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-prizing-caption-section {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-prizing-caption-section {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-prizing-caption-section {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw) {
  text-transform: none;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-prizing-caption-section {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-prizing {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-prizing-caption-section {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-prizing-layout-horizontal,
.faq-prizing-layout-horizontal-capsule-captions,
.faq-prizing-layout-horizontal-trophy-title-captions,
.faq-prizing-layout-horizontal-trophy-part-captions {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.faq-prizing-layout-horizontal-capsule-captions {
  width: 300px;
  margin-bottom: 8px;
  margin-left: 50px;
}
.faq-prizing-layout-horizontal-trophy-title-captions {
  width: 383px;
  margin-bottom: 2px;
  margin-left: 25px;
}
.faq-prizing-layout-horizontal-trophy-part-captions {
  width: 383px;
  margin-left: 25px;
  margin-bottom: 20px;
}
.faq-prizing-layout-caption-section {
  display: flex;
  flex-direction: row;
  width: 90%;
  justify-content: center;
  align-items: center;
}
.faq-prizing-caption-section {
  text-align: center;
}
.faq-prizing-separator-short,
.faq-prizing-separator-left,
.faq-prizing-separator-right {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/separator-short.svg");
  background-repeat: no-repeat;
  min-width: 60px;
  height: 20px;
  flex-grow: 0;
}
.faq-prizing-separator-left {
  margin-right: 15px;
  transform: scaleX(-1);
}
.faq-prizing-separator-right {
  margin-left: 15px;
}
.faq-prizing-image-prizing-1 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-1.png");
  background-repeat: no-repeat;
  height: 100px;
  margin-left: -35px;
}
.faq-prizing-image-prizing-2 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-2.png");
  background-repeat: no-repeat;
  width: 300px;
  height: 115px;
  margin-top: 30px;
  margin-bottom: 6px;
  margin-left: 50px;
}
.faq-prizing-image-prizing-3 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-3.png");
  background-repeat: no-repeat;
  width: 300px;
  height: 115px;
  margin-top: 50px;
  margin-bottom: 6px;
  margin-left: 50px;
}
.faq-prizing-image-prizing-4 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-4.png");
  background-repeat: no-repeat;
  width: 430px;
  height: 98px;
  margin-top: 40px;
  margin-bottom: 6px;
}
.faq-prizing-image-prizing-5 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-5.png");
  background-repeat: no-repeat;
  width: 433px;
  height: 169px;
  margin-top: 40px;
}
.faq-prizing-image-prizing-6 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/prizing-6.png");
  background-repeat: no-repeat;
  width: 383px;
  height: 147px;
  margin-top: 40px;
  margin-bottom: 6px;
  margin-left: 25px;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw) {
  text-transform: none;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-requirements {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-requirements-image-requirements-1 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/requirements-1.png");
  background-repeat: no-repeat;
  margin-bottom: 12px;
  height: 140px;
  margin-left: -35px;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-progression-caption-vp {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-progression-caption-vp {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-progression-caption-vp {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right,
.faq-progression-caption-vp {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-progression-caption-vp:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-progression-caption-vp:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-progression-caption-vp:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-progression-caption-vp:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-progression-caption-vp:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw),
.faq-progression-caption-vp:lang(zh-tw) {
  text-transform: none;
}
.faq-progression-caption-vp {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-progression {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-progression-layout-horizontal-rewards {
  display: flex;
  flex-direction: row;
  width: 460px;
  justify-content: space-between;
  margin-bottom: 12px;
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/vp-progression-arrow.svg");
  background-repeat: no-repeat;
  background-position-y: 88px;
}
.faq-progression-layout-reward {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.faq-progression-image-reward {
  width: 86px;
  height: 75px;
  margin-bottom: 10px;
}
.faq-progression-tick-vp {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/vp-diamond.svg");
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
}
.faq-progression-caption-vp {
  color: #5b5a56;
}
.faq-progression-layout-horizontal-endofday-vp {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
}
.faq-progression-image-endofday-vp {
  margin-right: 12px;
  height: 32px;
  min-width: 43px;
  flex-grow: 0;
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/progression-vp-icon.png");
  background-repeat: no-repeat;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw) {
  text-transform: none;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-skill-tiers {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-skill-tiers-image-skill-tier-1 {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/skill-tier-1.png");
  background-repeat: no-repeat;
  height: 30px;
  margin-left: -25px;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw) {
  text-transform: none;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-re-entry {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini {
  font-family: var(--font-display);
}
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-family: var(--font-body);
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  -webkit-user-select: none;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-paragraph,
.faq-common-paragraph-additional,
.faq-common-header-mini,
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.faq-common-header,
.faq-common-header-top,
.faq-common-header-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  text-transform: uppercase;
}
.faq-common-header:lang(ko-kr),
.faq-common-header-top:lang(ko-kr),
.faq-common-header-mini:lang(ko-kr),
.faq-common-paragraph-minicaps:lang(ko-kr),
.faq-common-paragraph-minicaps-left:lang(ko-kr),
.faq-common-paragraph-minicaps-right:lang(ko-kr),
.faq-common-header:lang(ja-jp),
.faq-common-header-top:lang(ja-jp),
.faq-common-header-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp),
.faq-common-header:lang(tr-tr),
.faq-common-header-top:lang(tr-tr),
.faq-common-header-mini:lang(tr-tr),
.faq-common-paragraph-minicaps:lang(tr-tr),
.faq-common-paragraph-minicaps-left:lang(tr-tr),
.faq-common-paragraph-minicaps-right:lang(tr-tr),
.faq-common-header:lang(el-gr),
.faq-common-header-top:lang(el-gr),
.faq-common-header-mini:lang(el-gr),
.faq-common-paragraph-minicaps:lang(el-gr),
.faq-common-paragraph-minicaps-left:lang(el-gr),
.faq-common-paragraph-minicaps-right:lang(el-gr),
.faq-common-header:lang(th-th),
.faq-common-header-top:lang(th-th),
.faq-common-header-mini:lang(th-th),
.faq-common-paragraph-minicaps:lang(th-th),
.faq-common-paragraph-minicaps-left:lang(th-th),
.faq-common-paragraph-minicaps-right:lang(th-th),
.faq-common-header:lang(zh-tw),
.faq-common-header-top:lang(zh-tw),
.faq-common-header-mini:lang(zh-tw),
.faq-common-paragraph-minicaps:lang(zh-tw),
.faq-common-paragraph-minicaps-left:lang(zh-tw),
.faq-common-paragraph-minicaps-right:lang(zh-tw) {
  text-transform: none;
}
.faq-common-header,
.faq-common-header-top {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.faq-common-header-mini:lang(ja-jp) {
  font-size: 13px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini,
.faq-common-paragraph-minicaps,
.faq-common-paragraph-minicaps-left,
.faq-common-paragraph-minicaps-right {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.faq-common-paragraph-mini:lang(ja-jp),
.faq-common-paragraph-minicaps:lang(ja-jp),
.faq-common-paragraph-minicaps-left:lang(ja-jp),
.faq-common-paragraph-minicaps-right:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.faq-common-layout,
.faq-page-advancement {
  display: flex;
  flex-direction: column;
}
.faq-common-header,
.faq-common-header-top {
  margin-top: 26px;
  margin-right: 30px;
}
.faq-common-header-top {
  margin-top: 0px;
}
.faq-common-separator {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/header-separator.svg");
  background-repeat: no-repeat;
  width: 100%;
  height: 8px;
  margin-top: 8px;
  margin-bottom: 12px;
}
.faq-common-paragraph,
.faq-common-paragraph-additional {
  margin-right: 20px;
}
.faq-common-paragraph-additional {
  margin-top: 16px;
}
.faq-common-paragraph-minicaps-left {
  margin-left: 20px;
}
.faq-common-paragraph-minicaps-right {
  margin-right: 20px;
}
.faq-advancement-image-advancement {
  background-size: contain;
  background-image: url("/fe/lol-clash/assets/images/faq/advancement.png");
  background-repeat: no-repeat;
  height: 170px;
  margin-left: -35px;
}
.clash-invite-dialog .invites-remaining-container,
.clash-invite-dialog .available-players {
  font-family: var(--font-display);
}
.clash-invite-dialog .search-error,
.clash-invite-dialog .selected-count {
  font-family: var(--font-body);
}
.clash-invite-dialog .invites-remaining-container,
.clash-invite-dialog .search-error,
.clash-invite-dialog .available-players,
.clash-invite-dialog .selected-count {
  -webkit-user-select: none;
}
.clash-invite-dialog .invites-remaining-container,
.clash-invite-dialog .search-error,
.clash-invite-dialog .available-players,
.clash-invite-dialog .selected-count {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-invite-dialog .invites-remaining-container,
.clash-invite-dialog .available-players {
  text-transform: uppercase;
}
.clash-invite-dialog .invites-remaining-container:lang(ko-kr),
.clash-invite-dialog .available-players:lang(ko-kr),
.clash-invite-dialog .invites-remaining-container:lang(ja-jp),
.clash-invite-dialog .available-players:lang(ja-jp),
.clash-invite-dialog .invites-remaining-container:lang(tr-tr),
.clash-invite-dialog .available-players:lang(tr-tr),
.clash-invite-dialog .invites-remaining-container:lang(el-gr),
.clash-invite-dialog .available-players:lang(el-gr),
.clash-invite-dialog .invites-remaining-container:lang(th-th),
.clash-invite-dialog .available-players:lang(th-th),
.clash-invite-dialog .invites-remaining-container:lang(zh-tw),
.clash-invite-dialog .available-players:lang(zh-tw) {
  text-transform: none;
}
.clash-invite-dialog .invites-remaining-container {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-invite-dialog .available-players {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-invite-dialog .selected-count {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-invite-dialog .search-error {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-invite-dialog .search-error:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-invite-dialog .search-box-container .search {
  border: 0;
  color: transparent;
  cursor: pointer;
  transition: -webkit-filter $transitionSpeed;
  font: 0/0 a;
  outline: none;
  text-shadow: none;
}
.clash-invite-dialog .search-box-container .search:hover {
  filter: brightness(1.3);
}
.clash-invite-dialog .search-box-container .search.disabled,
.clash-invite-dialog .search-box-container .search.disabled:hover {
  filter: brightness(0.5);
  cursor: default;
}
.clash-invite-dialog {
  height: 590px;
  width: 365px;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  cursor: default;
  position: relative;
  text-align: left;
}
.clash-invite-dialog .parties-invite-dialog-header {
  margin: 5px 19px 0 19px;
}
.clash-invite-dialog .parties-invite-dialog-container {
  width: 100%;
  height: 537px;
  padding: 19px;
  box-sizing: border-box;
}
.clash-invite-dialog .invites-remaining-container {
  height: 45px;
  display: flex;
  justify-content: center;
}
.clash-invite-dialog .search-box-container {
  display: flex;
  margin: 2px 0 5px;
}
.clash-invite-dialog .search-box-container.not-found {
  animation: shake-horizontal 250ms;
}
.clash-invite-dialog .search-box-container .search-box-input {
  width: 288px;
  height: 26px;
  margin: 0 10px 0 0;
  padding: 0 5px;
}
.clash-invite-dialog .search-box-container .search-box-input::-webkit-input-placeholder {
  padding-left: 5px;
}
.clash-invite-dialog .search-box-container .search {
  background-size: contain;
  vertical-align: middle;
  display: inline-block;
  min-width: 31px;
  min-height: 30px;
  margin-top: -2px;
}
.clash-invite-dialog .search-error {
  color: #be1e37;
}
.clash-invite-dialog .available-players {
  height: 14px;
  padding-top: 6px;
  padding-bottom: 12px;
  margin-bottom: 4px;
  text-align: bottom;
}
.clash-invite-dialog .groups {
  margin-bottom: 40px;
}
.clash-invite-dialog .selected-count {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.clash-invite-dialog .selected-count-item {
  margin: 0 5px;
  pointer-events: none;
}
.clash-invite-dialog .selected-count-decoration {
  height: 1px;
  flex: 1;
  margin: 0 5px;
  background: rgba(255,255,255,0.22);
}
.clash-invite-dialog lol-uikit-scrollable {
  will-change: inherit;
}
@-moz-keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px);
  }
  2% {
    transform: translate(-4px, 0px);
  }
  4% {
    transform: translate(2px, 0px);
  }
  6% {
    transform: translate(-3px, 0px);
  }
  8% {
    transform: translate(9px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  12% {
    transform: translate(-6px, 0px);
  }
  14% {
    transform: translate(-7px, 0px);
  }
  16% {
    transform: translate(2px, 0px);
  }
  18% {
    transform: translate(7px, 0px);
  }
  20% {
    transform: translate(-1px, 0px);
  }
  22% {
    transform: translate(-10px, 0px);
  }
  24% {
    transform: translate(-10px, 0px);
  }
  26% {
    transform: translate(3px, 0px);
  }
  28% {
    transform: translate(-5px, 0px);
  }
  30% {
    transform: translate(4px, 0px);
  }
  32% {
    transform: translate(-6px, 0px);
  }
  34% {
    transform: translate(-2px, 0px);
  }
  36% {
    transform: translate(-6px, 0px);
  }
  38% {
    transform: translate(-2px, 0px);
  }
  40% {
    transform: translate(4px, 0px);
  }
  42% {
    transform: translate(8px, 0px);
  }
  44% {
    transform: translate(-3px, 0px);
  }
  46% {
    transform: translate(-10px, 0px);
  }
  48% {
    transform: translate(4px, 0px);
  }
  50% {
    transform: translate(-6px, 0px);
  }
  52% {
    transform: translate(6px, 0px);
  }
  54% {
    transform: translate(-8px, 0px);
  }
  56% {
    transform: translate(5px, 0px);
  }
  58% {
    transform: translate(9px, 0px);
  }
  60% {
    transform: translate(7px, 0px);
  }
  62% {
    transform: translate(1px, 0px);
  }
  64% {
    transform: translate(2px, 0px);
  }
  66% {
    transform: translate(-2px, 0px);
  }
  68% {
    transform: translate(-7px, 0px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  72% {
    transform: translate(-6px, 0px);
  }
  74% {
    transform: translate(5px, 0px);
  }
  76% {
    transform: translate(0px, 0px);
  }
  78% {
    transform: translate(9px, 0px);
  }
  80% {
    transform: translate(-3px, 0px);
  }
  82% {
    transform: translate(8px, 0px);
  }
  84% {
    transform: translate(-2px, 0px);
  }
  86% {
    transform: translate(-1px, 0px);
  }
  88% {
    transform: translate(-3px, 0px);
  }
  90% {
    transform: translate(4px, 0px);
  }
  92% {
    transform: translate(0px, 0px);
  }
  94% {
    transform: translate(4px, 0px);
  }
  96% {
    transform: translate(2px, 0px);
  }
  98% {
    transform: translate(-2px, 0px);
  }
}
@-webkit-keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px);
  }
  2% {
    transform: translate(-4px, 0px);
  }
  4% {
    transform: translate(2px, 0px);
  }
  6% {
    transform: translate(-3px, 0px);
  }
  8% {
    transform: translate(9px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  12% {
    transform: translate(-6px, 0px);
  }
  14% {
    transform: translate(-7px, 0px);
  }
  16% {
    transform: translate(2px, 0px);
  }
  18% {
    transform: translate(7px, 0px);
  }
  20% {
    transform: translate(-1px, 0px);
  }
  22% {
    transform: translate(-10px, 0px);
  }
  24% {
    transform: translate(-10px, 0px);
  }
  26% {
    transform: translate(3px, 0px);
  }
  28% {
    transform: translate(-5px, 0px);
  }
  30% {
    transform: translate(4px, 0px);
  }
  32% {
    transform: translate(-6px, 0px);
  }
  34% {
    transform: translate(-2px, 0px);
  }
  36% {
    transform: translate(-6px, 0px);
  }
  38% {
    transform: translate(-2px, 0px);
  }
  40% {
    transform: translate(4px, 0px);
  }
  42% {
    transform: translate(8px, 0px);
  }
  44% {
    transform: translate(-3px, 0px);
  }
  46% {
    transform: translate(-10px, 0px);
  }
  48% {
    transform: translate(4px, 0px);
  }
  50% {
    transform: translate(-6px, 0px);
  }
  52% {
    transform: translate(6px, 0px);
  }
  54% {
    transform: translate(-8px, 0px);
  }
  56% {
    transform: translate(5px, 0px);
  }
  58% {
    transform: translate(9px, 0px);
  }
  60% {
    transform: translate(7px, 0px);
  }
  62% {
    transform: translate(1px, 0px);
  }
  64% {
    transform: translate(2px, 0px);
  }
  66% {
    transform: translate(-2px, 0px);
  }
  68% {
    transform: translate(-7px, 0px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  72% {
    transform: translate(-6px, 0px);
  }
  74% {
    transform: translate(5px, 0px);
  }
  76% {
    transform: translate(0px, 0px);
  }
  78% {
    transform: translate(9px, 0px);
  }
  80% {
    transform: translate(-3px, 0px);
  }
  82% {
    transform: translate(8px, 0px);
  }
  84% {
    transform: translate(-2px, 0px);
  }
  86% {
    transform: translate(-1px, 0px);
  }
  88% {
    transform: translate(-3px, 0px);
  }
  90% {
    transform: translate(4px, 0px);
  }
  92% {
    transform: translate(0px, 0px);
  }
  94% {
    transform: translate(4px, 0px);
  }
  96% {
    transform: translate(2px, 0px);
  }
  98% {
    transform: translate(-2px, 0px);
  }
}
@-o-keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px);
  }
  2% {
    transform: translate(-4px, 0px);
  }
  4% {
    transform: translate(2px, 0px);
  }
  6% {
    transform: translate(-3px, 0px);
  }
  8% {
    transform: translate(9px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  12% {
    transform: translate(-6px, 0px);
  }
  14% {
    transform: translate(-7px, 0px);
  }
  16% {
    transform: translate(2px, 0px);
  }
  18% {
    transform: translate(7px, 0px);
  }
  20% {
    transform: translate(-1px, 0px);
  }
  22% {
    transform: translate(-10px, 0px);
  }
  24% {
    transform: translate(-10px, 0px);
  }
  26% {
    transform: translate(3px, 0px);
  }
  28% {
    transform: translate(-5px, 0px);
  }
  30% {
    transform: translate(4px, 0px);
  }
  32% {
    transform: translate(-6px, 0px);
  }
  34% {
    transform: translate(-2px, 0px);
  }
  36% {
    transform: translate(-6px, 0px);
  }
  38% {
    transform: translate(-2px, 0px);
  }
  40% {
    transform: translate(4px, 0px);
  }
  42% {
    transform: translate(8px, 0px);
  }
  44% {
    transform: translate(-3px, 0px);
  }
  46% {
    transform: translate(-10px, 0px);
  }
  48% {
    transform: translate(4px, 0px);
  }
  50% {
    transform: translate(-6px, 0px);
  }
  52% {
    transform: translate(6px, 0px);
  }
  54% {
    transform: translate(-8px, 0px);
  }
  56% {
    transform: translate(5px, 0px);
  }
  58% {
    transform: translate(9px, 0px);
  }
  60% {
    transform: translate(7px, 0px);
  }
  62% {
    transform: translate(1px, 0px);
  }
  64% {
    transform: translate(2px, 0px);
  }
  66% {
    transform: translate(-2px, 0px);
  }
  68% {
    transform: translate(-7px, 0px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  72% {
    transform: translate(-6px, 0px);
  }
  74% {
    transform: translate(5px, 0px);
  }
  76% {
    transform: translate(0px, 0px);
  }
  78% {
    transform: translate(9px, 0px);
  }
  80% {
    transform: translate(-3px, 0px);
  }
  82% {
    transform: translate(8px, 0px);
  }
  84% {
    transform: translate(-2px, 0px);
  }
  86% {
    transform: translate(-1px, 0px);
  }
  88% {
    transform: translate(-3px, 0px);
  }
  90% {
    transform: translate(4px, 0px);
  }
  92% {
    transform: translate(0px, 0px);
  }
  94% {
    transform: translate(4px, 0px);
  }
  96% {
    transform: translate(2px, 0px);
  }
  98% {
    transform: translate(-2px, 0px);
  }
}
@keyframes shake-horizontal {
  0% {
    transform: translate(0px, 0px);
  }
  2% {
    transform: translate(-4px, 0px);
  }
  4% {
    transform: translate(2px, 0px);
  }
  6% {
    transform: translate(-3px, 0px);
  }
  8% {
    transform: translate(9px, 0px);
  }
  10% {
    transform: translate(2px, 0px);
  }
  12% {
    transform: translate(-6px, 0px);
  }
  14% {
    transform: translate(-7px, 0px);
  }
  16% {
    transform: translate(2px, 0px);
  }
  18% {
    transform: translate(7px, 0px);
  }
  20% {
    transform: translate(-1px, 0px);
  }
  22% {
    transform: translate(-10px, 0px);
  }
  24% {
    transform: translate(-10px, 0px);
  }
  26% {
    transform: translate(3px, 0px);
  }
  28% {
    transform: translate(-5px, 0px);
  }
  30% {
    transform: translate(4px, 0px);
  }
  32% {
    transform: translate(-6px, 0px);
  }
  34% {
    transform: translate(-2px, 0px);
  }
  36% {
    transform: translate(-6px, 0px);
  }
  38% {
    transform: translate(-2px, 0px);
  }
  40% {
    transform: translate(4px, 0px);
  }
  42% {
    transform: translate(8px, 0px);
  }
  44% {
    transform: translate(-3px, 0px);
  }
  46% {
    transform: translate(-10px, 0px);
  }
  48% {
    transform: translate(4px, 0px);
  }
  50% {
    transform: translate(-6px, 0px);
  }
  52% {
    transform: translate(6px, 0px);
  }
  54% {
    transform: translate(-8px, 0px);
  }
  56% {
    transform: translate(5px, 0px);
  }
  58% {
    transform: translate(9px, 0px);
  }
  60% {
    transform: translate(7px, 0px);
  }
  62% {
    transform: translate(1px, 0px);
  }
  64% {
    transform: translate(2px, 0px);
  }
  66% {
    transform: translate(-2px, 0px);
  }
  68% {
    transform: translate(-7px, 0px);
  }
  70% {
    transform: translate(-1px, 0px);
  }
  72% {
    transform: translate(-6px, 0px);
  }
  74% {
    transform: translate(5px, 0px);
  }
  76% {
    transform: translate(0px, 0px);
  }
  78% {
    transform: translate(9px, 0px);
  }
  80% {
    transform: translate(-3px, 0px);
  }
  82% {
    transform: translate(8px, 0px);
  }
  84% {
    transform: translate(-2px, 0px);
  }
  86% {
    transform: translate(-1px, 0px);
  }
  88% {
    transform: translate(-3px, 0px);
  }
  90% {
    transform: translate(4px, 0px);
  }
  92% {
    transform: translate(0px, 0px);
  }
  94% {
    transform: translate(4px, 0px);
  }
  96% {
    transform: translate(2px, 0px);
  }
  98% {
    transform: translate(-2px, 0px);
  }
}
.clash-invite-dialog-group .header {
  font-family: var(--font-display);
}
.clash-invite-dialog-group .invite-dialog-friend {
  font-family: var(--font-body);
}
.clash-invite-dialog-group .header,
.clash-invite-dialog-group .invite-dialog-friend {
  -webkit-user-select: none;
}
.clash-invite-dialog-group .header,
.clash-invite-dialog-group .invite-dialog-friend {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-invite-dialog-group .header {
  text-transform: uppercase;
}
.clash-invite-dialog-group .header:lang(ko-kr),
.clash-invite-dialog-group .header:lang(ja-jp),
.clash-invite-dialog-group .header:lang(tr-tr),
.clash-invite-dialog-group .header:lang(el-gr),
.clash-invite-dialog-group .header:lang(th-th),
.clash-invite-dialog-group .header:lang(zh-tw) {
  text-transform: none;
}
.clash-invite-dialog-group .header {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-invite-dialog-group .header:lang(ja-jp) {
  font-size: 13px;
}
.clash-invite-dialog-group .header {
  color: #a09b8c;
}
.clash-invite-dialog-group .invite-dialog-friend {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-invite-dialog-group .invite-dialog-friend:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-invite-dialog-group {
  margin-bottom: 4px;
}
.clash-invite-dialog-group .header {
  display: flex;
  align-items: center;
  padding: 0.25em 0.1em;
  cursor: pointer;
  background-color: #1d2126;
  transition: color 150ms ease-out;
}
.clash-invite-dialog-group .header:hover {
  color: #f0e6d2;
}
.clash-invite-dialog-group .header::before {
  content: '';
  border-top: 3.464px solid transparent;
  border-bottom: 3.464px solid transparent;
  border-left: 4px solid #a09b8c;
  transform: rotate(0deg);
  margin: 6px 10px;
}
.clash-invite-dialog-group .invite-dialog-friend {
  height: 0;
  opacity: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-left: 1rem;
  transition: height 150ms ease-out;
  overflow: hidden;
  white-space: nowrap;
}
.clash-invite-dialog-group .invite-dialog-friend .invite-dialog-friend-checkbox {
  width: 100%;
  height: 100%;
}
.clash-invite-dialog-group .invite-dialog-friend:hover {
  color: #f0e6d2;
}
.clash-invite-dialog-group .invite-dialog-friend:hover::before {
  background-image: url("$checkboxHoverImage");
}
.clash-invite-dialog-group.expanded .invite-dialog-friend {
  height: 41px;
  opacity: 1;
}
.clash-invite-dialog-group.expanded .header::before {
  transform: rotate(90deg);
}
.clash-toast-notification .clash-toast-notification-content .title,
.clash-notification-modal .clash-modal-title,
.clash-notification-modal-with-icon .clash-modal-title {
  font-family: var(--font-display);
}
.clash-toast-notification,
.clash-notification-modal .clash-modal-body,
.clash-notification-modal-with-icon .clash-modal-body {
  font-family: var(--font-body);
}
.clash-toast-notification,
.clash-toast-notification .clash-toast-notification-content .title,
.clash-notification-modal .clash-modal-title,
.clash-notification-modal .clash-modal-body,
.clash-notification-modal-with-icon .clash-modal-title,
.clash-notification-modal-with-icon .clash-modal-body {
  -webkit-user-select: none;
}
.clash-toast-notification,
.clash-toast-notification .clash-toast-notification-content .title,
.clash-notification-modal .clash-modal-title,
.clash-notification-modal .clash-modal-body,
.clash-notification-modal-with-icon .clash-modal-title,
.clash-notification-modal-with-icon .clash-modal-body {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-toast-notification .clash-toast-notification-content .title,
.clash-notification-modal .clash-modal-title,
.clash-notification-modal-with-icon .clash-modal-title {
  text-transform: uppercase;
}
.clash-toast-notification .clash-toast-notification-content .title:lang(ko-kr),
.clash-notification-modal .clash-modal-title:lang(ko-kr),
.clash-notification-modal-with-icon .clash-modal-title:lang(ko-kr),
.clash-toast-notification .clash-toast-notification-content .title:lang(ja-jp),
.clash-notification-modal .clash-modal-title:lang(ja-jp),
.clash-notification-modal-with-icon .clash-modal-title:lang(ja-jp),
.clash-toast-notification .clash-toast-notification-content .title:lang(tr-tr),
.clash-notification-modal .clash-modal-title:lang(tr-tr),
.clash-notification-modal-with-icon .clash-modal-title:lang(tr-tr),
.clash-toast-notification .clash-toast-notification-content .title:lang(el-gr),
.clash-notification-modal .clash-modal-title:lang(el-gr),
.clash-notification-modal-with-icon .clash-modal-title:lang(el-gr),
.clash-toast-notification .clash-toast-notification-content .title:lang(th-th),
.clash-notification-modal .clash-modal-title:lang(th-th),
.clash-notification-modal-with-icon .clash-modal-title:lang(th-th),
.clash-toast-notification .clash-toast-notification-content .title:lang(zh-tw),
.clash-notification-modal .clash-modal-title:lang(zh-tw),
.clash-notification-modal-with-icon .clash-modal-title:lang(zh-tw) {
  text-transform: none;
}
.clash-notification-modal .clash-modal-title,
.clash-notification-modal-with-icon .clash-modal-title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-toast-notification .clash-toast-notification-content .title {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-toast-notification .clash-toast-notification-content .title:lang(ja-jp) {
  font-size: 13px;
}
.clash-toast-notification,
.clash-notification-modal .clash-modal-body,
.clash-notification-modal-with-icon .clash-modal-body {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-toast-notification:lang(ja-jp),
.clash-notification-modal .clash-modal-body:lang(ja-jp),
.clash-notification-modal-with-icon .clash-modal-body:lang(ja-jp) {
  font-size: 13px;
}
.clash-toast-notification {
  position: relative;
  width: 280px;
  height: 120px;
}
.clash-toast-notification .clash-toast-notification-content {
  width: 175px;
  float: left;
  overflow-wrap: break-word;
}
.clash-toast-notification .clash-toast-notification-content .title {
  margin: 5px 0 10px 0;
}
.clash-toast-notification .clash-toast-notification-icon {
  height: 80px;
  width: 80px;
  float: right;
  margin: 5px;
}
.clash-toast-notification-background {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-image: url("/fe/lol-clash/assets/images/background/background-toast.png");
  background-size: cover;
}
.clash-notification-modal {
  min-height: 100px;
  text-align: center;
}
.clash-notification-modal .clash-modal-body {
  margin-top: 15px;
}
.clash-notification-modal-with-icon {
  min-height: 250px;
  width: 350px !important;
  text-align: center;
}
.clash-notification-modal-with-icon .clash-modal-title {
  margin-bottom: 15px;
}
.clash-notification-modal-with-icon .clash-modal-body {
  margin-top: 25px;
}
.clash-notification-modal-with-icon .clash-modal-icon {
  height: 80px;
  width: 80px;
  background-image: url("/fe/lol-clash/assets/placeholder/general/logo.png");
  background-size: cover;
  margin: auto;
}
.util-tournament-scouting-member-name,
.tournament-scouting .tournament-scouting-debug {
  font-family: var(--font-display);
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  font-family: var(--font-body);
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting .tournament-scouting-debug {
  -webkit-user-select: none;
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting .tournament-scouting-debug {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.util-tournament-scouting-member-name,
.tournament-scouting .tournament-scouting-debug {
  text-transform: uppercase;
}
.util-tournament-scouting-member-name:lang(ko-kr),
.tournament-scouting .tournament-scouting-debug:lang(ko-kr),
.util-tournament-scouting-member-name:lang(ja-jp),
.tournament-scouting .tournament-scouting-debug:lang(ja-jp),
.util-tournament-scouting-member-name:lang(tr-tr),
.tournament-scouting .tournament-scouting-debug:lang(tr-tr),
.util-tournament-scouting-member-name:lang(el-gr),
.tournament-scouting .tournament-scouting-debug:lang(el-gr),
.util-tournament-scouting-member-name:lang(th-th),
.tournament-scouting .tournament-scouting-debug:lang(th-th),
.util-tournament-scouting-member-name:lang(zh-tw),
.tournament-scouting .tournament-scouting-debug:lang(zh-tw) {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.util-tournament-scouting-member-name {
  letter-spacing: 0.0375em;
}
.tournament-scouting .tournament-scouting-debug {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.tournament-scouting .tournament-scouting-debug:lang(ja-jp) {
  font-size: 13px;
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.util-tournament-scouting-subitem-primary:lang(ja-jp),
.util-tournament-scouting-subitem-secondary:lang(ja-jp),
.util-tournament-scouting-subitem-tertiary:lang(ja-jp),
.util-tournament-scouting-subitem-filler:lang(ja-jp),
.util-tournament-scouting-subitem-tooltip:lang(ja-jp) {
  font-size: 13px;
}
.util-tournament-scouting-member {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}
.util-tournament-scouting-member-summary {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 130px;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  align-self: center;
}
.util-tournament-scouting-member-summary-separator {
  width: 120px;
  height: 7px;
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/summarySeparator.png);
  margin-top: 10px;
}
.util-tournament-scouting-subitems {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 310px;
}
.util-tournament-scouting-subitem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 15px;
}
.util-tournament-scouting-subitem-champion-icon-container {
  margin-left: 50px;
  margin-right: 10px;
  background: url(/fe/lol-clash/playerobject_m_sprite.png) no-repeat top;
  background-size: cover;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-champion-icon {
  border-radius: 0;
  -webkit-clip-path: circle(50px at center);
  transform: scale(0.42);
  position: relative;
  top: -37px;
  left: -37px;
}
.util-tournament-scouting-subitem-filler-icon-container {
  margin-left: 46px;
  margin-right: 15px;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-filler-icon {
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/fillerIcon.png);
  background-size: contain;
  background-position-y: -4px;
  width: 55px;
  height: 55px;
}
.util-tournament-scouting-subitem-data {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.util-tournament-scouting-subitem-primary {
  color: #cdbe91;
}
.util-tournament-scouting-subitem-secondary {
  color: #a98d58;
}
.util-tournament-scouting-subitem-tertiary {
  color: #888;
}
.util-tournament-scouting-subitem-filler {
  color: #785a28;
}
.util-tournament-scouting-subitem-tooltip-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.tournament-scouting {
  position: relative;
  width: 100%;
  height: 639px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
  background-size: cover;
/*
   * HEADER
   */
/*
   * ALL MEMBERS
   */
/*
   * LOADING SPINNER
   */
/*
   * DEBUG
   */
}
.tournament-scouting .tournament-scouting-header {
  width: 100%;
  height: 100px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 30px;
}
.tournament-scouting .tournament-scouting-nav-container {
  align-self: center;
  min-width: 350px;
  margin-right: 34px;
}
.tournament-scouting .tournament-scouting-members {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 440px;
  margin-left: 20px;
}
.tournament-scouting .tournament-scouting-members-separator {
  width: 2px;
  height: 435px;
  background-color: #463714;
  -webkit-animation: fadein 1s;
}
.tournament-scouting .tournament-scouting-beta-watermark {
  position: absolute;
  height: 90px;
  top: 30px;
  right: 394px;
}
.tournament-scouting .loading-spinner {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 40px;
  height: 40px;
  background: transparent url(/fe/lol-clash/spinner.png) no-repeat 50% 50%;
  background-size: contain;
  animation: profile-fadein 250ms forwards, profile-spin 4000ms infinite linear;
  margin-left: -30px;
}
.tournament-scouting .tournament-scouting-debug {
  color: #888;
  align-self: flex-end;
  margin-top: 30px;
  margin-right: 30px;
  user-select: initial;
}
@-moz-keyframes profile-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes profile-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes profile-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes profile-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-moz-keyframes profile-fadein {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@-webkit-keyframes profile-fadein {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@-o-keyframes profile-fadein {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
@keyframes profile-fadein {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    visibility: visible;
    opacity: 1;
  }
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  font-family: var(--font-display);
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  -webkit-user-select: none;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  text-transform: uppercase;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(ko-kr),
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(ja-jp),
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(tr-tr),
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(el-gr),
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(th-th),
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(zh-tw) {
  text-transform: none;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.tournament-scouting-nav {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.tournament-scouting-nav .tournament-scouting-nav-button {
  height: 35px;
  flex-grow: 1;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root {
  color: #c8aa6e;
  position: relative;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .disabled {
  color: #a09b8c;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state {
  text-align: center;
  line-height: 35px;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state.over,
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state.selected {
  color: #f0e6d2;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state.down {
  color: #785a28;
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state:not(.selected)::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 1px;
  background-color: rgba(200,200,200,0.5);
}
.tournament-scouting-nav .tournament-scouting-nav-button .clash-generic-button-root .clash-generic-button-state.selected::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 3px;
  background-color: #785a28;
}
.util-tournament-scouting-member-name {
  font-family: var(--font-display);
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  font-family: var(--font-body);
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  -webkit-user-select: none;
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.util-tournament-scouting-member-name {
  text-transform: uppercase;
}
.util-tournament-scouting-member-name:lang(ko-kr),
.util-tournament-scouting-member-name:lang(ja-jp),
.util-tournament-scouting-member-name:lang(tr-tr),
.util-tournament-scouting-member-name:lang(el-gr),
.util-tournament-scouting-member-name:lang(th-th),
.util-tournament-scouting-member-name:lang(zh-tw) {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.util-tournament-scouting-member-name {
  letter-spacing: 0.0375em;
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.util-tournament-scouting-subitem-primary:lang(ja-jp),
.util-tournament-scouting-subitem-secondary:lang(ja-jp),
.util-tournament-scouting-subitem-tertiary:lang(ja-jp),
.util-tournament-scouting-subitem-filler:lang(ja-jp),
.util-tournament-scouting-subitem-tooltip:lang(ja-jp) {
  font-size: 13px;
}
.util-tournament-scouting-member {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}
.util-tournament-scouting-member-summary {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 130px;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  align-self: center;
}
.util-tournament-scouting-member-summary-separator {
  width: 120px;
  height: 7px;
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/summarySeparator.png);
  margin-top: 10px;
}
.util-tournament-scouting-subitems {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 310px;
}
.util-tournament-scouting-subitem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 15px;
}
.util-tournament-scouting-subitem-champion-icon-container {
  margin-left: 50px;
  margin-right: 10px;
  background: url(/fe/lol-clash/playerobject_m_sprite.png) no-repeat top;
  background-size: cover;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-champion-icon {
  border-radius: 0;
  -webkit-clip-path: circle(50px at center);
  transform: scale(0.42);
  position: relative;
  top: -37px;
  left: -37px;
}
.util-tournament-scouting-subitem-filler-icon-container {
  margin-left: 46px;
  margin-right: 15px;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-filler-icon {
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/fillerIcon.png);
  background-size: contain;
  background-position-y: -4px;
  width: 55px;
  height: 55px;
}
.util-tournament-scouting-subitem-data {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.util-tournament-scouting-subitem-primary {
  color: #cdbe91;
}
.util-tournament-scouting-subitem-secondary {
  color: #a98d58;
}
.util-tournament-scouting-subitem-tertiary {
  color: #888;
}
.util-tournament-scouting-subitem-filler {
  color: #785a28;
}
.util-tournament-scouting-subitem-tooltip-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.tournament-scouting-member-ranked-rank {
  font-family: var(--font-display);
}
.tournament-scouting-member-ranked-rank {
  -webkit-user-select: none;
}
.tournament-scouting-member-ranked-rank {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.tournament-scouting-member-ranked-rank {
  text-transform: uppercase;
}
.tournament-scouting-member-ranked-rank:lang(ko-kr),
.tournament-scouting-member-ranked-rank:lang(ja-jp),
.tournament-scouting-member-ranked-rank:lang(tr-tr),
.tournament-scouting-member-ranked-rank:lang(el-gr),
.tournament-scouting-member-ranked-rank:lang(th-th),
.tournament-scouting-member-ranked-rank:lang(zh-tw) {
  text-transform: none;
}
.tournament-scouting-member-ranked-rank {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.tournament-scouting-member-ranked-rank:lang(ja-jp) {
  font-size: 13px;
}
.tournament-scouting-member-ranked-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
}
.tournament-scouting-member-ranked-icon {
  height: 74px;
  align-self: center;
}
.tournament-scouting-member-ranked-rank {
  color: #c89b3c;
  align-self: center;
  height: 20px;
  margin-top: 1px;
}
.util-tournament-scouting-member-name {
  font-family: var(--font-display);
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-champion-stat-wins-percentage,
.tournament-scouting-top-champion-stat-games-played,
.tournament-scouting-top-champion-stat-kda,
.tournament-scouting-top-champion-stat-kda-average,
.tournament-scouting-top-champion-stat-kda-text {
  font-family: var(--font-body);
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-champion-stat-wins-percentage,
.tournament-scouting-top-champion-stat-games-played,
.tournament-scouting-top-champion-stat-kda,
.tournament-scouting-top-champion-stat-kda-average,
.tournament-scouting-top-champion-stat-kda-text {
  -webkit-user-select: none;
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-champion-stat-wins-percentage,
.tournament-scouting-top-champion-stat-games-played,
.tournament-scouting-top-champion-stat-kda,
.tournament-scouting-top-champion-stat-kda-average,
.tournament-scouting-top-champion-stat-kda-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.util-tournament-scouting-member-name {
  text-transform: uppercase;
}
.util-tournament-scouting-member-name:lang(ko-kr),
.util-tournament-scouting-member-name:lang(ja-jp),
.util-tournament-scouting-member-name:lang(tr-tr),
.util-tournament-scouting-member-name:lang(el-gr),
.util-tournament-scouting-member-name:lang(th-th),
.util-tournament-scouting-member-name:lang(zh-tw) {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.util-tournament-scouting-member-name {
  letter-spacing: 0.0375em;
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-champion-stat-wins-percentage,
.tournament-scouting-top-champion-stat-games-played,
.tournament-scouting-top-champion-stat-kda,
.tournament-scouting-top-champion-stat-kda-average,
.tournament-scouting-top-champion-stat-kda-text {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.util-tournament-scouting-subitem-primary:lang(ja-jp),
.util-tournament-scouting-subitem-secondary:lang(ja-jp),
.util-tournament-scouting-subitem-tertiary:lang(ja-jp),
.util-tournament-scouting-subitem-filler:lang(ja-jp),
.util-tournament-scouting-subitem-tooltip:lang(ja-jp),
.tournament-scouting-top-champion-stat-wins-percentage:lang(ja-jp),
.tournament-scouting-top-champion-stat-games-played:lang(ja-jp),
.tournament-scouting-top-champion-stat-kda:lang(ja-jp),
.tournament-scouting-top-champion-stat-kda-average:lang(ja-jp),
.tournament-scouting-top-champion-stat-kda-text:lang(ja-jp) {
  font-size: 13px;
}
.util-tournament-scouting-member {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}
.util-tournament-scouting-member-summary {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 130px;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  align-self: center;
}
.util-tournament-scouting-member-summary-separator {
  width: 120px;
  height: 7px;
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/summarySeparator.png);
  margin-top: 10px;
}
.util-tournament-scouting-subitems {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 310px;
}
.util-tournament-scouting-subitem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 15px;
}
.util-tournament-scouting-subitem-champion-icon-container {
  margin-left: 50px;
  margin-right: 10px;
  background: url(/fe/lol-clash/playerobject_m_sprite.png) no-repeat top;
  background-size: cover;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-champion-icon {
  border-radius: 0;
  -webkit-clip-path: circle(50px at center);
  transform: scale(0.42);
  position: relative;
  top: -37px;
  left: -37px;
}
.util-tournament-scouting-subitem-filler-icon-container {
  margin-left: 46px;
  margin-right: 15px;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-filler-icon {
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/fillerIcon.png);
  background-size: contain;
  background-position-y: -4px;
  width: 55px;
  height: 55px;
}
.util-tournament-scouting-subitem-data {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.util-tournament-scouting-subitem-primary,
.tournament-scouting-top-champion-stat-wins-percentage,
.tournament-scouting-top-champion-stat-kda-average {
  color: #cdbe91;
}
.util-tournament-scouting-subitem-secondary {
  color: #a98d58;
}
.util-tournament-scouting-subitem-tertiary,
.tournament-scouting-top-champion-stat-games-played,
.tournament-scouting-top-champion-stat-kda-text {
  color: #888;
}
.util-tournament-scouting-subitem-filler {
  color: #785a28;
}
.util-tournament-scouting-subitem-tooltip-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.tournament-scouting-top-champion-stat-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-scouting-top-champion-stat-games-played {
  margin-left: 4px;
}
.tournament-scouting-top-champion-stat-kda-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-scouting-top-champion-stat-kda-low {
  color: #c83535;
}
.tournament-scouting-top-champion-stat-kda-high {
  color: #35b138;
}
.tournament-scouting-top-champion-stat-kda-text {
  margin-left: 4px;
}
.tournament-scouting-member-mastery-total,
.tournament-scouting-member-mastery-total-label {
  font-family: var(--font-display);
}
.tournament-scouting-member-mastery-total,
.tournament-scouting-member-mastery-total-label {
  -webkit-user-select: none;
}
.tournament-scouting-member-mastery-total,
.tournament-scouting-member-mastery-total-label {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.tournament-scouting-member-mastery-total,
.tournament-scouting-member-mastery-total-label {
  text-transform: uppercase;
}
.tournament-scouting-member-mastery-total:lang(ko-kr),
.tournament-scouting-member-mastery-total-label:lang(ko-kr),
.tournament-scouting-member-mastery-total:lang(ja-jp),
.tournament-scouting-member-mastery-total-label:lang(ja-jp),
.tournament-scouting-member-mastery-total:lang(tr-tr),
.tournament-scouting-member-mastery-total-label:lang(tr-tr),
.tournament-scouting-member-mastery-total:lang(el-gr),
.tournament-scouting-member-mastery-total-label:lang(el-gr),
.tournament-scouting-member-mastery-total:lang(th-th),
.tournament-scouting-member-mastery-total-label:lang(th-th),
.tournament-scouting-member-mastery-total:lang(zh-tw),
.tournament-scouting-member-mastery-total-label:lang(zh-tw) {
  text-transform: none;
}
.tournament-scouting-member-mastery-total {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.tournament-scouting-member-mastery-total-label {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.tournament-scouting-member-mastery-total-label:lang(ja-jp) {
  font-size: 13px;
}
.tournament-scouting-member-mastery-total {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.tournament-scouting-member-mastery-total {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.05em;
}
.tournament-scouting-member-mastery-total {
  align-self: center;
  margin-top: 20px;
  font-size: 36px;
  min-height: 42px;
}
.tournament-scouting-member-mastery-total-label {
  color: #888;
  align-self: center;
  margin-top: 13px;
  margin-bottom: 4px;
}
.util-tournament-scouting-member-name {
  font-family: var(--font-display);
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-mastery-stat-rank-points,
.tournament-scouting-top-mastery-stat-rank,
.tournament-scouting-top-mastery-stat-grade-label,
.tournament-scouting-top-mastery-stat-grade {
  font-family: var(--font-body);
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-mastery-stat-rank-points,
.tournament-scouting-top-mastery-stat-rank,
.tournament-scouting-top-mastery-stat-grade-label,
.tournament-scouting-top-mastery-stat-grade {
  -webkit-user-select: none;
}
.util-tournament-scouting-member-name,
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-mastery-stat-rank-points,
.tournament-scouting-top-mastery-stat-rank,
.tournament-scouting-top-mastery-stat-grade-label,
.tournament-scouting-top-mastery-stat-grade {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.util-tournament-scouting-member-name {
  text-transform: uppercase;
}
.util-tournament-scouting-member-name:lang(ko-kr),
.util-tournament-scouting-member-name:lang(ja-jp),
.util-tournament-scouting-member-name:lang(tr-tr),
.util-tournament-scouting-member-name:lang(el-gr),
.util-tournament-scouting-member-name:lang(th-th),
.util-tournament-scouting-member-name:lang(zh-tw) {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  text-transform: none;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.util-tournament-scouting-member-name {
  letter-spacing: 0.0375em;
}
.util-tournament-scouting-subitem-primary,
.util-tournament-scouting-subitem-secondary,
.util-tournament-scouting-subitem-tertiary,
.util-tournament-scouting-subitem-filler,
.util-tournament-scouting-subitem-tooltip,
.tournament-scouting-top-mastery-stat-rank-points,
.tournament-scouting-top-mastery-stat-rank,
.tournament-scouting-top-mastery-stat-grade-label,
.tournament-scouting-top-mastery-stat-grade {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.util-tournament-scouting-subitem-primary:lang(ja-jp),
.util-tournament-scouting-subitem-secondary:lang(ja-jp),
.util-tournament-scouting-subitem-tertiary:lang(ja-jp),
.util-tournament-scouting-subitem-filler:lang(ja-jp),
.util-tournament-scouting-subitem-tooltip:lang(ja-jp),
.tournament-scouting-top-mastery-stat-rank-points:lang(ja-jp),
.tournament-scouting-top-mastery-stat-rank:lang(ja-jp),
.tournament-scouting-top-mastery-stat-grade-label:lang(ja-jp),
.tournament-scouting-top-mastery-stat-grade:lang(ja-jp) {
  font-size: 13px;
}
.util-tournament-scouting-member {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  min-width: 200px;
}
.util-tournament-scouting-member-summary {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  min-height: 130px;
}
.util-tournament-scouting-member-name {
  color: #f0e6d2;
  align-self: center;
}
.util-tournament-scouting-member-summary-separator {
  width: 120px;
  height: 7px;
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/summarySeparator.png);
  margin-top: 10px;
}
.util-tournament-scouting-subitems {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 310px;
}
.util-tournament-scouting-subitem {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 15px;
}
.util-tournament-scouting-subitem-champion-icon-container {
  margin-left: 50px;
  margin-right: 10px;
  background: url(/fe/lol-clash/playerobject_m_sprite.png) no-repeat top;
  background-size: cover;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-champion-icon {
  border-radius: 0;
  -webkit-clip-path: circle(50px at center);
  transform: scale(0.42);
  position: relative;
  top: -37px;
  left: -37px;
}
.util-tournament-scouting-subitem-filler-icon-container {
  margin-left: 46px;
  margin-right: 15px;
  width: 46px;
  height: 46px;
}
.util-tournament-scouting-subitem-filler-icon {
  background-repeat: no-repeat;
  align-self: center;
  background-image: url(/fe/lol-clash/fillerIcon.png);
  background-size: contain;
  background-position-y: -4px;
  width: 55px;
  height: 55px;
}
.util-tournament-scouting-subitem-data {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  align-items: flex-start;
}
.util-tournament-scouting-subitem-primary,
.tournament-scouting-top-mastery-stat-rank,
.tournament-scouting-top-mastery-stat-grade {
  color: #cdbe91;
}
.util-tournament-scouting-subitem-secondary,
.tournament-scouting-top-mastery-stat-rank-points {
  color: #a98d58;
}
.util-tournament-scouting-subitem-tertiary,
.tournament-scouting-top-mastery-stat-grade-label {
  color: #888;
}
.util-tournament-scouting-subitem-filler {
  color: #785a28;
}
.util-tournament-scouting-subitem-tooltip-group {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-start;
}
.tournament-scouting-top-mastery-stat-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.tournament-scouting-top-mastery-stat-rank-icon {
  height: 14px;
  width: 18px;
  align-self: center;
  background-image: url(/fe/lol-clash/genericRank.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.tournament-scouting-top-mastery-stat-rank {
  margin-top: 2px;
  margin-left: 6px;
}
.tournament-scouting-top-mastery-stat-grade {
  margin-left: 4px;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  font-family: var(--font-display);
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  -webkit-user-select: none;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  text-transform: uppercase;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(ko-kr),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(ko-kr),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(ko-kr),
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(ja-jp),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(ja-jp),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(ja-jp),
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(tr-tr),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(tr-tr),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(tr-tr),
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(el-gr),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(el-gr),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(el-gr),
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(th-th),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(th-th),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(th-th),
.clash-tournament-overview .clash-tournament-overview-tournament-name:lang(zh-tw),
.clash-tournament-overview .clash-tournament-overview-tournament-week:lang(zh-tw),
.clash-tournament-overview .clash-tournament-overview-tournament-time:lang(zh-tw) {
  text-transform: none;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  color: #a09b8c;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name,
.clash-tournament-overview .clash-tournament-overview-tournament-week,
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tournament-overview {
  position: relative;
  width: 100%;
  height: 639px;
  background-image: url("/fe/lol-clash/assets/images/overview/Background_Magic_720.png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  cursor: default;
}
.clash-tournament-overview .clash-tournament-overview-header {
  margin-left: 35px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.clash-tournament-overview .clash-tournament-overview-team-details {
  height: 78px;
  padding-right: 37px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clash-tournament-overview .clash-tournament-overview-summoners {
  position: absolute;
  top: 0px;
  right: 49px;
  height: 78px;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-end;
}
.clash-tournament-overview .clash-tournament-overview-top-separator {
  width: 985px;
}
.clash-tournament-overview .clash-tournament-overview-tournament-info {
  height: 38px;
  width: 985px;
  margin-top: 4px;
}
.clash-tournament-overview .clash-tournament-overview-tournament-name {
  display: inline-block;
}
.clash-tournament-overview .clash-tournament-overview-tournament-week {
  margin-left: 20px;
  display: inline-block;
}
.clash-tournament-overview .clash-tournament-overview-tournament-time {
  float: right;
  color: #3c3c41;
}
.clash-tournament-overview .clash-tournament-overview-periods {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 10px;
}
.clash-tournament-overview .clash-tournament-overview-carousel {
  height: 180px;
  margin-top: 25px;
  margin-left: 24px;
  margin-right: 24px;
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  font-family: var(--font-display);
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text {
  font-family: var(--font-body);
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text,
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  -webkit-user-select: none;
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text,
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy,
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  text-transform: uppercase;
}
.clash-overview-period .clash-overview-period-name:lang(ko-kr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(ko-kr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(ko-kr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(ko-kr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(ko-kr),
.clash-overview-period .clash-overview-period-name:lang(ja-jp),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(ja-jp),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(ja-jp),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(ja-jp),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(ja-jp),
.clash-overview-period .clash-overview-period-name:lang(tr-tr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(tr-tr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(tr-tr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(tr-tr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(tr-tr),
.clash-overview-period .clash-overview-period-name:lang(el-gr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(el-gr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(el-gr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(el-gr),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(el-gr),
.clash-overview-period .clash-overview-period-name:lang(th-th),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(th-th),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(th-th),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(th-th),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(th-th),
.clash-overview-period .clash-overview-period-name:lang(zh-tw),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title:lang(zh-tw),
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container:lang(zh-tw),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy:lang(zh-tw),
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(zh-tw) {
  text-transform: none;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.no-trophy {
  color: #a09b8c;
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-overview-period .clash-overview-period-name {
  color: #a09b8c;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text:lang(ja-jp) {
  font-size: 13px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  color: #a09b8c;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description,
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description:lang(ja-jp),
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text:lang(ja-jp) {
  font-size: 13px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.05em;
}
.clash-overview-period .clash-overview-period-name,
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-overview-period {
  position: relative;
  width: 305px;
  height: 300px;
  margin-left: 35px;
}
.clash-overview-period .clash-overview-period-name {
  margin: 0 auto 8px;
  text-align: center;
  height: 20px;
}
.clash-overview-period .clash-overview-period-content {
  position: relative;
  width: 100%;
  margin-top: 28px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data {
  position: relative;
  width: 100%;
  height: 277px;
  margin-top: -20px;
  margin-bottom: -3px;
  background-image: url("/fe/lol-clash/assets/images/overview/Overview_BG_Fade.png");
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-summary-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-matches-container {
  position: absolute;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data {
  position: relative;
  height: 100%;
  width: 100%;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-period-data-background-missed {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/fe/lol-clash/assets/images/overview/overview-period-bg-logo.png");
  background-size: cover;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-period-data-background-day-planner {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/fe/lol-clash/assets/images/overview/overview-period-bg-day-planner.png");
  background-size: cover;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-header {
  height: 63px;
  width: 228px;
  margin-top: 28px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-title {
  margin-top: 8px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  margin-top: 1px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-return-time-container .clash-overview-day-planner-return-time-deco {
  width: 55px;
  height: 2px;
  background-color: #785a28;
  margin: 0 10px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-day-planner-contents .clash-overview-day-planner-description {
  width: 200px;
  text-align: center;
  margin-top: 10px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-data .clash-overview-period-data-no-data .clash-overview-period-data-background-upcoming {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/fe/lol-clash/assets/images/overview/overview-period-bg-upcoming.png");
  background-size: cover;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-trophy {
  height: 170px;
  top: 30px;
  transform: scale(1.6);
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-trophy.no-trophy {
  top: 40px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-trophy-bkgd {
  position: absolute;
  top: 40px;
  width: 250px;
  margin: auto;
  left: 0;
  right: 0;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-no-matches-gap {
  height: 189px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container {
  position: absolute;
  width: 100%;
  bottom: 14px;
  text-align: center;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums {
  margin-top: 6px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-nums.trophy {
  font-style: normal;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-wins-losses-container .clash-overview-period-wins-losses-text {
  color: #5b5a56;
  margin-top: 6px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header {
  width: 100%;
  height: 33px;
  background: #1e2328;
  opacity: 0;
}
.clash-overview-period .clash-overview-period-content .clash-overview-period-bracket-header-text {
  line-height: 33px;
  margin-left: 12px;
}
.clash-overview-period .clash-overview-period-content .clash-overview-winners-match-container,
.clash-overview-period .clash-overview-period-content .clash-overview-losers-match-container {
  position: relative;
  width: 100%;
  height: 53px;
  opacity: 0;
}
.clash-overview-period .clash-overview-period-content .clash-overview-motion-blur {
  margin-top: -50px;
  pointer-events: none;
  opacity: 0;
}
.clash-overview-period .clash-overview-period-button {
  cursor: pointer;
  position: absolute;
  height: 31px;
  width: 31px;
  top: -14px;
  right: 16px;
  background-size: cover;
  background-image: url("/fe/lol-clash/assets/images/overview/toggle-button.png");
}
.clash-overview-period .clash-overview-period-button:hover {
  background-image: url("/fe/lol-clash/assets/images/overview/toggle-button-over.png");
}
.clash-overview-period .clash-overview-period-button:active {
  background-image: url("/fe/lol-clash/assets/images/overview/toggle-button-down.png");
}
.clash-overview-period .clash-overview-period-button .clash-overview-toggle-button-icon-container {
  height: 41px;
  width: 67px;
  position: absolute;
  top: -4px;
  left: -18px;
}
.clash-overview-period .clash-overview-period-top-frame {
  position: absolute;
  height: 24px;
  width: 100%;
  top: -3px;
}
.clash-overview-period .clash-overview-period-top-frame.grey {
  height: 7px;
  opacity: 0.5;
}
.clash-overview-period .clash-overview-period-bottom-frame {
  position: absolute;
  width: 100%;
  height: 7px;
}
.clash-overview-period .clash-overview-period-bottom-frame.grey {
  opacity: 0.5;
}
.clash-overview-period video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-overview-match,
.clash-overview-match .clash-overview-match-view-history {
  font-family: var(--font-body);
}
.clash-overview-match,
.clash-overview-match .clash-overview-match-view-history {
  -webkit-user-select: none;
}
.clash-overview-match,
.clash-overview-match .clash-overview-match-view-history {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-overview-match .clash-overview-match-opponent-tag,
.clash-overview-match .clash-overview-match-no-opponent-tag {
  text-transform: uppercase;
}
.clash-overview-match .clash-overview-match-opponent-tag:lang(ko-kr),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(ko-kr),
.clash-overview-match .clash-overview-match-opponent-tag:lang(ja-jp),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(ja-jp),
.clash-overview-match .clash-overview-match-opponent-tag:lang(tr-tr),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(tr-tr),
.clash-overview-match .clash-overview-match-opponent-tag:lang(el-gr),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(el-gr),
.clash-overview-match .clash-overview-match-opponent-tag:lang(th-th),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(th-th),
.clash-overview-match .clash-overview-match-opponent-tag:lang(zh-tw),
.clash-overview-match .clash-overview-match-no-opponent-tag:lang(zh-tw) {
  text-transform: none;
}
.clash-overview-match {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-overview-match:lang(ja-jp) {
  font-size: 13px;
}
.clash-overview-match .clash-overview-match-view-history {
  font-size: 12px;
  font-weight: normal;
  outline: 0;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-overview-match .clash-overview-match-view-history:lang(ja-jp) {
  font-size: 13px;
}
.clash-overview-match .clash-overview-match-view-history {
  color: #0596aa;
  text-decoration: none;
}
.clash-overview-match .clash-overview-match-view-history:hover,
.clash-overview-match .clash-overview-match-view-history.hover {
  color: #cdfafa;
}
.clash-overview-match .clash-overview-match-view-history:after {
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  vertical-align: middle;
  -webkit-mask: url(/fe/lol-clash/external-link-mask.png) no-repeat;
  -webkit-mask-size: contain;
  background-color: #0596aa;
  margin-left: 5px;
}
.clash-overview-match .clash-overview-match-view-history:hover:after {
  background-color: #cdfafa;
}
.clash-overview-match .clash-overview-match-kills,
.clash-overview-match .clash-overview-match-view-history {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-overview-match {
  position: absolute;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.clash-overview-match .clash-overview-period-details-divider {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
}
.clash-overview-match .clash-overview-match-round-num {
  min-width: 10px;
  margin-left: 12px;
}
.clash-overview-match .clash-overview-match-win-loss {
  width: 16px;
  margin-left: 25px;
  margin-bottom: 3px;
}
.clash-overview-match .clash-overview-match-champ-played {
  height: 30px;
  width: 30px;
  min-width: 30px;
  margin-left: 10px;
}
.clash-overview-match .clash-overview-match-kills {
  width: 100%;
  margin-left: 25px;
}
.clash-overview-match .clash-overview-match-view-history {
  width: 100%;
  text-decoration: underline;
  color: #785a28;
  cursor: pointer;
  text-align: right;
  padding-right: 20px;
}
.clash-overview-match .clash-overview-match-view-history:after {
  background-color: #785a28;
  margin-top: -2px;
}
.clash-overview-match .clash-overview-match-opponent-tag {
  margin-left: 15px;
  width: 150px;
}
.clash-overview-match .clash-overview-match-no-opponent-tag {
  margin-left: 15px;
  color: #785a28;
}
.clash-overview-match .clash-overview-match-opponent-logo {
  width: 30px;
  margin-left: 10px;
}
.clash-overview-stats-carousel {
  position: relative;
  width: 100%;
  height: 100%;
}
.clash-overview-stats-carousel .clash-overview-stats-carousel-content {
  height: 100%;
  width: 100%;
  min-height: 146px;
  margin-right: 25px;
  margin-left: 25px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: flex-start;
}
.clash-overview-stats-carousel .clash-overview-stats-carousel-divider {
  height: 146px;
  width: 3px;
}
.clash-overview-stat .clash-overview-stat-name,
.clash-overview-stat .clash-overview-stat-num {
  font-family: var(--font-display);
}
.clash-overview-stat .clash-overview-stat-subtext,
.clash-overview-stat .clash-overview-stat-recipient,
.clash-overview-stat .clash-overview-stat-na {
  font-family: var(--font-body);
}
.clash-overview-stat .clash-overview-stat-name,
.clash-overview-stat .clash-overview-stat-num,
.clash-overview-stat .clash-overview-stat-subtext,
.clash-overview-stat .clash-overview-stat-recipient,
.clash-overview-stat .clash-overview-stat-na {
  -webkit-user-select: none;
}
.clash-overview-stat .clash-overview-stat-name,
.clash-overview-stat .clash-overview-stat-num,
.clash-overview-stat .clash-overview-stat-subtext,
.clash-overview-stat .clash-overview-stat-recipient,
.clash-overview-stat .clash-overview-stat-na {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-overview-stat .clash-overview-stat-name {
  text-transform: uppercase;
}
.clash-overview-stat .clash-overview-stat-name:lang(ko-kr),
.clash-overview-stat .clash-overview-stat-name:lang(ja-jp),
.clash-overview-stat .clash-overview-stat-name:lang(tr-tr),
.clash-overview-stat .clash-overview-stat-name:lang(el-gr),
.clash-overview-stat .clash-overview-stat-name:lang(th-th),
.clash-overview-stat .clash-overview-stat-name:lang(zh-tw) {
  text-transform: none;
}
.clash-overview-stat .clash-overview-stat-name {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-overview-stat .clash-overview-stat-subtext,
.clash-overview-stat .clash-overview-stat-recipient,
.clash-overview-stat .clash-overview-stat-na {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-overview-stat .clash-overview-stat-num {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clash-overview-stat .clash-overview-stat-num {
  font-size: 24px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.05em;
}
.clash-overview-stat .clash-overview-stat-subtext,
.clash-overview-stat .clash-overview-stat-recipient,
.clash-overview-stat .clash-overview-stat-na {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-overview-stat {
  height: 146px;
  width: 237px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.clash-overview-stat .clash-overview-stat-name {
  margin: auto;
  width: 80%;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.clash-overview-stat .clash-overview-stat-subtext {
  color: #5b5a56;
  line-height: 30px;
}
.clash-overview-stat .clash-overview-stat-img {
  margin-top: 10px;
  height: 40px;
  width: 40px;
}
.clash-overview-stat .clash-overview-stat-recipient {
  margin-top: 10px;
}
.clash-overview-stat .clash-overview-stat-na {
  margin-top: 10px;
  color: #5b5a56;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-social-persistent {
  background: linear-gradient(to bottom, #0a1428 0%, #005a82 100%);
  overflow: hidden;
  position: relative;
}
.clash-social-persistent .clash-social-persistent-magic-background {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 223px;
  height: 311px;
}
.clash-social-persistent .clash-social-persistent-separator {
  width: 100%;
  height: 1px;
  background-color: rgba(255,255,255,0.22);
}
.clash-section-header .clash-section-header-text {
  font-family: var(--font-display);
}
.clash-section-header .clash-section-header-text {
  -webkit-user-select: none;
}
.clash-section-header .clash-section-header-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-section-header .clash-section-header-text {
  text-transform: uppercase;
}
.clash-section-header .clash-section-header-text:lang(ko-kr),
.clash-section-header .clash-section-header-text:lang(ja-jp),
.clash-section-header .clash-section-header-text:lang(tr-tr),
.clash-section-header .clash-section-header-text:lang(el-gr),
.clash-section-header .clash-section-header-text:lang(th-th),
.clash-section-header .clash-section-header-text:lang(zh-tw) {
  text-transform: none;
}
.clash-section-header .clash-section-header-text {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-section-header .clash-section-header-text:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-section-header {
  height: 32px;
}
.clash-section-header .clash-section-header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.clash-section-header .clash-section-header-arrow-toggle {
  margin-left: 10px;
}
.clash-section-header .clash-section-header-text {
  color: #a09b8c;
  font-weight: 500;
  margin-left: 10px;
}
.clash-section-header .tournament-arrow-hitbox:hover .clash-section-header-text {
  color: #f0e6d2;
}
.clash-section-header .clash-section-header-pip-counter {
  margin-left: auto;
  margin-right: 8px;
  opacity: 1;
  transition: opacity 250ms linear;
}
.clash-section-header .clash-section-header-pip-counter.is-section-open {
  opacity: 0;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name,
.clash-tournament-schedule .clash-tournament-schedule-next-state-header,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  font-family: var(--font-display);
}
.clash-tournament-schedule .clash-tournament-schedule-current-state-name,
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt,
.clash-tournament-schedule .clash-tournament-schedule-next-state-text {
  font-family: var(--font-body);
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name,
.clash-tournament-schedule .clash-tournament-schedule-current-state-name,
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt,
.clash-tournament-schedule .clash-tournament-schedule-next-state-header,
.clash-tournament-schedule .clash-tournament-schedule-next-state-text,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  -webkit-user-select: none;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name,
.clash-tournament-schedule .clash-tournament-schedule-current-state-name,
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt,
.clash-tournament-schedule .clash-tournament-schedule-next-state-header,
.clash-tournament-schedule .clash-tournament-schedule-next-state-text,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name,
.clash-tournament-schedule .clash-tournament-schedule-next-state-header,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  text-transform: uppercase;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(ko-kr),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(ko-kr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(ko-kr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(ko-kr),
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(tr-tr),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(tr-tr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(tr-tr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(tr-tr),
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(el-gr),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(el-gr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(el-gr),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(el-gr),
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(th-th),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(th-th),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(th-th),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(th-th),
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name:lang(zh-tw),
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(zh-tw),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(zh-tw),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text:lang(zh-tw) {
  text-transform: none;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-tournament-schedule .clash-tournament-schedule-next-state-header,
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-tournament-schedule .clash-tournament-schedule-next-state-header:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title:lang(ja-jp) {
  font-size: 13px;
}
.clash-tournament-schedule .clash-tournament-schedule-next-state-text {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tournament-schedule .clash-tournament-schedule-current-state-name,
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tournament-schedule .clash-tournament-schedule-current-state-name:lang(ja-jp),
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tournament-schedule {
  position: relative;
  max-height: 226px;
}
.clash-tournament-schedule .clash-tournament-schedule-content {
  padding: 6px 10px 10px;
}
.clash-tournament-schedule .clash-tournament-schedule-current-state-info {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-icon {
  height: 40px;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-icon img {
  height: 100%;
}
.clash-tournament-schedule .clash-tournament-schedule-timer-container {
  flex-grow: 1;
  margin: 0 12px;
}
.clash-tournament-schedule .clash-tournament-schedule-roster-short-name {
  color: #c8aa6e;
}
.clash-tournament-schedule .clash-tournament-schedule-current-state-name {
  color: #cdbe91;
}
.clash-tournament-schedule .clash-tournament-schedule-open-tournaments-btn {
  width: 24px;
  height: 24px;
}
.clash-tournament-schedule .clash-tournament-schedule-open-tournaments-btn .clash-generic-button-root .clash-generic-button-state.disabled {
  opacity: 0;
}
.clash-tournament-schedule .clash-tournament-schedule-lockedin-section {
  padding-left: 50px;
  display: flex;
  align-items: center;
}
.clash-tournament-schedule .clash-tournament-schedule-lockedin-member-icon {
  height: 32px;
  width: 32px;
  margin: 0 -7px;
}
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-img {
  height: 22px;
  width: 22px;
}
.clash-tournament-schedule .clash-tournament-schedule-lockedin-subbedout-txt {
  color: #ff2345;
  margin-left: 3px;
}
.clash-tournament-schedule .clash-tournament-schedule-next-state-header {
  color: #a09b8c;
  font-weight: 500;
  margin-top: 8px;
}
.clash-tournament-schedule .clash-tournament-schedule-next-state-text {
  color: #f0e6d2;
  font-size: 12px;
  line-height: 16px;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-button {
  float: right;
  height: 32px;
  width: 32px;
  margin-top: 8px;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-container {
  position: relative;
  height: 98px;
  background: linear-gradient(to bottom, #0a1428 0%, #8b0000 100%);
  border-top: 2px solid #44484a;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-container.active {
  cursor: pointer;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-content {
  background: linear-gradient(to top, #1e282d 0%, #27363d 100%);
  position: relative;
  padding: 10px 10px 5px 10px;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-body {
  margin-top: 10px;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-caret-top {
  position: absolute;
  top: -22px;
  right: 20px;
  height: 25px;
  width: 50px;
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-card-arrow-top.png");
  background-size: cover;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-title {
  color: #a09b8c;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-icon {
  float: left;
  margin-top: 6px;
  margin-right: 25px;
  height: 45px;
  width: 45px;
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-icon.png");
  background-size: cover;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-status {
  height: 32px;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-progress-text {
  color: #cdbe91;
  font-size: 26px;
}
.clash-tournament-schedule .clash-tournament-schedule-vote-withdraw-btn {
  width: 36px;
  height: 36px;
  float: right;
}
.clash-tournament-schedule .clash-tournament-schedule-vote-withdraw-btn .clash-generic-button-root .clash-generic-button-state.disabled {
  opacity: 0;
}
.clash-tournament-schedule .clash-tournament-schedule-withdraw-cancel-button {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 15px;
  height: 15px;
}
.clash-tournament-schedule .clash-tournament-schedule-vote-block {
  height: 24px;
  width: 22px;
  margin-left: -4px;
  margin-right: 8px;
  display: inline-block;
  background-size: cover;
}
.clash-tournament-schedule .clash-tournament-schedule-vote-block.yes {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-yes.png");
}
.clash-tournament-schedule .clash-tournament-schedule-vote-block.no {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-no.png");
}
.clash-tournament-schedule .clash-tournament-schedule-vote-block.wait {
  background-image: url("/fe/lol-clash/assets/images/withdraw/withdraw-wait.png");
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown {
  font-family: var(--font-body);
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown {
  -webkit-user-select: none;
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tournament-invite-panel {
  position: relative;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-content {
  display: none;
}
.clash-tournament-invite-panel .clash-invites-visible {
  display: block;
}
.clash-tournament-invite-panel .clash-social-persistent-separator.clash-tournament-invite-scroll-separator {
  margin: 0 7px;
  width: calc(100% - 14px);
  visibility: hidden;
}
.clash-tournament-invite-panel .clash-social-persistent-separator.clash-tournament-invite-scroll-separator.is-separator-visible {
  visibility: visible;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list-container {
  position: relative;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 0;
  overflow: scroll;
  transition: max-height 0.12s linear;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list::-webkit-scrollbar {
  display: none;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list.invites-1 {
  transition: max-height 0.3s linear;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list.invites-1.open {
  max-height: 60px;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list.invites-2 {
  transition: max-height 0.18s linear;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list.invites-2.open {
  max-height: 120px;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite-list.open {
  max-height: 150px;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-bottom-gradient {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30px;
  background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.5));
  pointer-events: none;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite {
  width: 100%;
  height: 0;
  transition: height 0.2s ease-in;
}
.clash-tournament-invite-panel .clash-tournament-invite-panel-invite.is-visible {
  height: 60px;
}
.clash-tournament-invite-panel .clash-social-persistent-lockin-countdown {
  color: #f0e6d2;
  font-size: 12px;
  padding-left: 10px;
  padding-top: 1px;
  height: 39px;
  display: flex;
  align-items: center;
}
.clash-tournament-invite .clash-tournament-invite-title-text {
  font-family: var(--font-display);
}
.clash-tournament-invite .clash-tournament-invite-description {
  font-family: var(--font-body);
}
.clash-tournament-invite .clash-tournament-invite-title-text,
.clash-tournament-invite .clash-tournament-invite-description {
  -webkit-user-select: none;
}
.clash-tournament-invite .clash-tournament-invite-title-text,
.clash-tournament-invite .clash-tournament-invite-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-tournament-invite .clash-tournament-invite-title-text {
  text-transform: uppercase;
}
.clash-tournament-invite .clash-tournament-invite-title-text:lang(ko-kr),
.clash-tournament-invite .clash-tournament-invite-title-text:lang(ja-jp),
.clash-tournament-invite .clash-tournament-invite-title-text:lang(tr-tr),
.clash-tournament-invite .clash-tournament-invite-title-text:lang(el-gr),
.clash-tournament-invite .clash-tournament-invite-title-text:lang(th-th),
.clash-tournament-invite .clash-tournament-invite-title-text:lang(zh-tw) {
  text-transform: none;
}
.clash-tournament-invite .clash-tournament-invite-title-text {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-tournament-invite .clash-tournament-invite-description {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-tournament-invite .clash-tournament-invite-description,
.clash-tournament-invite .clash-tournament-invite-description-normal {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-tournament-invite {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 10px;
  opacity: 0;
  transition: opacity 0.2s ease-in;
}
.clash-tournament-invite:hover {
  background: rgba(255,255,255,0.1);
}
.clash-tournament-invite.is-invite-visible {
  opacity: 1;
}
.clash-tournament-invite .clash-tournament-invite-icon {
  width: 40px;
}
.clash-tournament-invite .clash-tournament-invite-icon img {
  width: 100%;
}
.clash-tournament-invite .clash-tournament-invite-roster-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: 0 8px;
  max-width: 85px;
}
.clash-tournament-invite .clash-tournament-invite-title {
  display: flex;
  align-items: center;
}
.clash-tournament-invite .clash-tournament-invite-title-text {
  color: #c8aa6e;
}
.clash-tournament-invite .clash-tournament-invite-title-sub-icon {
  height: 20px;
  width: 20px;
  margin-left: 3px;
}
.clash-tournament-invite .clash-tournament-invite-description {
  color: #a09b8c;
  font-size: 12px;
}
.clash-tournament-invite .clash-tournament-invite-description-normal.hidden {
  display: none;
}
.clash-tournament-invite .clash-tournament-invite-description-view-roster,
.clash-tournament-invite .clash-tournament-invite-description-cancel-invite {
  display: none;
  color: #f0e6d2;
}
.clash-tournament-invite .clash-tournament-invite-description-view-roster.visible,
.clash-tournament-invite .clash-tournament-invite-description-cancel-invite.visible {
  display: inline;
}
.clash-tournament-invite .clash-tournament-invite-button.clash-tournament-invite-view-roster {
  width: 32px;
  height: 32px;
  margin-left: 2px;
}
.clash-tournament-invite .clash-tournament-invite-button.clash-tournament-invite-view-roster .clash-generic-button-root .clash-generic-button-state.disabled {
  opacity: 0;
}
.clash-tournament-invite .clash-tournament-invite-button.clash-tournament-invite-cancel {
  width: 24px;
  height: 24px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-arrow-toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: 0;
  background: none;
  min-width: 8px;
  min-height: 8px;
  box-sizing: border-box;
  cursor: pointer;
}
.clash-arrow-toggle .arrow-toggle {
  border: 4px solid transparent;
  margin: 2px 0 -2px;
  border-top-color: #a09b8c;
  transform: rotate(-90deg);
  transform-origin: 50% 25%;
}
.clash-arrow-toggle .arrow-toggle.use-animation {
  transition: transform 0.2s cubic-bezier(0, 0, 0, 1);
}
.clash-arrow-toggle .arrow-toggle.open {
  transform: rotate(0deg);
}
.clash-arrow-toggle .arrow-toggle.medium {
  border-width: 6px 4px;
  margin-top: 4px;
}
.clash-arrow-toggle.golden {
  border-top-color: #cdbe91;
}
.tournament-arrow-hitbox:not(:disabled) {
  cursor: pointer;
}
.tournament-arrow-hitbox:hover:not(:disabled) .clash-arrow-toggle .arrow-toggle,
.clash-arrow-toggle:hover:not(:disabled) .arrow-toggle {
  border-top-color: #f0e6d2;
}
.tournament-arrow-hitbox:active:not(:disabled) .clash-arrow-toggle .arrow-toggle,
.clash-arrow-toggle:active:not(:disabled) .arrow-toggle {
  border-top-color: #cdbe91;
}
.tournament-arrow-hitbox.active.golden .clash-arrow-toggle .arrow-toggle {
  border-top-color: #785a28;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier {
  font-family: var(--font-display);
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-skip-container {
  font-family: var(--font-body);
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-skip-container {
  -webkit-user-select: none;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-skip-container {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket,
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier {
  text-transform: uppercase;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(ko-kr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(ko-kr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(ko-kr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(ja-jp),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(ja-jp),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(ja-jp),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(tr-tr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(tr-tr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(tr-tr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(el-gr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(el-gr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(el-gr),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(th-th),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(th-th),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(th-th),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(zh-tw),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket:lang(zh-tw),
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier:lang(zh-tw) {
  text-transform: none;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading:lang(ja-jp) {
  font-size: 13px;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-skip-container {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-scouting-start-flow {
  position: absolute;
  width: 1280px;
  height: 720px;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0 0;
  background-color: rgba(0,0,0,0.75);
}
.clash-scouting-start-flow .clash-scouting-start-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container {
  position: absolute;
  top: 100px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-heading {
  color: #cdbe91;
  opacity: 0;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-bracket {
  color: #cdbe91;
  opacity: 0;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-text-container .clash-scouting-text-tier {
  color: #cdbe91;
  font-family: $fonts_lol_body;
  opacity: 0;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  opacity: 0;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .scouting-start-animation-container {
  position: absolute;
  height: 100%;
  width: 100%;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-view-opponent-button-container {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 100px;
  display: none;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper .clash-scouting-content .clash-scouting-skip-container {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 70px;
  width: 180px;
  text-align: center;
  cursor: pointer;
  text-decoration: underline;
}
.clash-scouting-start-flow .clash-scouting-start-wrapper video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tournament-end-of-game-flow {
  -webkit-user-select: none;
}
.tournament-end-of-game-flow {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.tournament-end-of-game-flow {
  margin: 0;
  width: 1280px;
  height: 720px;
  position: absolute;
  left: 0;
  right: 1;
  top: 0;
  bottom: 1;
  padding: 0 0;
}
.tournament-end-of-game-flow .clash-loading-spinner-container {
  opacity: 1;
  position: absolute;
  flex: 1 1 auto;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  height: 330px;
  width: 100%;
  top: 186px;
}
.tournament-end-of-game-flow .clash-loading-spinner-container .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tournament-end-of-game-flow .clash-celebration-intro-magic {
  position: absolute;
  top: 136px;
  left: 0;
}
.tournament-end-of-game-flow .clash-celebration-background-default {
  position: absolute;
  left: 0;
  top: 0;
  width: 1280px;
  height: 720px;
  background: #000;
  opacity: 1;
}
.tournament-end-of-game-flow .clash-celebration-background {
  position: absolute;
  opacity: 1;
  left: 0;
  top: 0;
  width: 1280px;
  height: 720px;
  background: url("/fe/lol-clash/assets/images/celebration/celebration-background-default.png");
  background-size: 100% 100%;
}
.tournament-end-of-game-flow .clash-celebration-background.visible.high {
  opacity: 0;
  animation: 0.2s linear forwards fadeIn, blurFilter 1s cubic-bezier(0, 0, 0, 1) 1s 1 forwards;
}
@-webkit-keyframes blurFilter {
  to {
    -webkit-filter: blur(2px);
  }
}
.tournament-end-of-game-flow .clash-celebration-background.visible.low {
  opacity: 1;
  visibility: visible;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.tournament-end-of-game-flow .clash-wrapper {
  opacity: 0;
  position: absolute;
  text-align: left;
  height: 100%;
  width: 100%;
}
.tournament-end-of-game-flow .clash-wrapper.animateFadeOut {
  animation: 0.5s forwards clash-fade-out;
}
.tournament-end-of-game-flow .clash-wrapper.animateFadeIn {
  animation: 0.5s forwards clash-fade-in;
}
.tournament-end-of-game-flow .clash-reward-pips {
  position: absolute;
  bottom: 100px;
  width: 200px;
  margin: auto;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tournament-end-of-game-flow .clash-reward-pips .clash-reward-pip {
  height: 2px;
  width: 2px;
  background-color: #f00;
}
.tournament-end-of-game-flow .clash-reward-pips .clash-reward-pip.active {
  background-color: #008000;
}
.tournament-end-of-game-flow .clash-reward-pips .clash-reward-pip.complete {
  background-color: #ff0;
}
.tournament-end-of-game-flow .clash-banner {
  width: 100%;
  background: rgba(0,0,0,0.5);
  position: absolute;
  height: 360px;
  left: 0;
}
.tournament-end-of-game-flow .clash-top-banner {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 100%;
  top: 0;
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-large;
}
.tournament-end-of-game-flow .clash-top-banner::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, #32281e 0%, #785a28 50%, #32281e 100%);
  width: 1280px;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-open-large {
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-large;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-open-small {
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-small;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-large-small {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-large-small;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-small-large {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-small-large;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-close-large {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-close-large;
}
.tournament-end-of-game-flow .clash-top-banner.animate-banner-close-small {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-close-small;
}
.tournament-end-of-game-flow .clash-bottom-banner {
  bottom: 0;
  z-index: initial;
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-large;
}
.tournament-end-of-game-flow .clash-bottom-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 2px;
  background-image: -webkit-linear-gradient(left, #32281e 0%, #785a28 50%, #32281e 100%);
  width: 1280px;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-open-large {
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-large;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-open-small {
  animation: 1s cubic-bezier(0.5, 0, 0, 1) forwards clash-banner-open-small;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-large-small {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-large-small;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-small-large {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-small-large;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-close-large {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-close-large;
}
.tournament-end-of-game-flow .clash-bottom-banner.animate-banner-close-small {
  animation: 0.4s cubic-bezier(0, 0, 0, 1) forwards clash-banner-close-small;
}
.tournament-end-of-game-flow .clash-bottom-banner .next-button-container {
  position: absolute;
  width: 120px;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 30px;
}
.tournament-end-of-game-flow .clash-bottom-banner .next-button-container #clash-countdown-meter-container {
  position: absolute;
  width: 100%;
  margin-top: 5px;
}
.tournament-end-of-game-flow .clash-bottom-banner .next-button-container .clash-countdown-meter,
.tournament-end-of-game-flow .clash-bottom-banner .next-button-container .clash-countdown-meter-background {
  position: absolute;
  transform-origin: left center;
}
@-webkit-keyframes clash-banner-open-large {
  from {
    height: 356px;
    opacity: 0;
  }
  to {
    height: 80px;
    opacity: 1;
  }
}
@-webkit-keyframes clash-banner-open-small {
  from {
    height: 356px;
    opacity: 0;
  }
  to {
    height: 185px;
    opacity: 1;
  }
}
@-webkit-keyframes clash-banner-close-large {
  from {
    height: 80px;
    opacity: 1;
  }
  to {
    height: 356px;
    opacity: 0;
  }
}
@-webkit-keyframes clash-banner-close-small {
  from {
    height: 185px;
    opacity: 1;
  }
  to {
    height: 356px;
    opacity: 0;
  }
}
@-webkit-keyframes clash-banner-large-small {
  from {
    height: 80px;
  }
  to {
    height: 185px;
  }
}
@-webkit-keyframes clash-banner-small-large {
  from {
    height: 185px;
  }
  to {
    height: 80px;
  }
}
@-webkit-keyframes clash-fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes clash-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title,
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  font-family: var(--font-display);
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title,
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  -webkit-user-select: none;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title,
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title,
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  text-transform: uppercase;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(ko-kr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(ko-kr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(ja-jp),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(ja-jp),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(tr-tr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(tr-tr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(el-gr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(el-gr),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(th-th),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(th-th),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title:lang(zh-tw),
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle:lang(zh-tw) {
  text-transform: none;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  text-transform: none;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-title,
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  font-family: var(--font-display);
}
.bracket-celebration {
  height: 100%;
  width: 1280px;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  animation: 0.5s linear 3.5s fadeIn;
  animation-fill-mode: both;
}
.bracket-celebration .clash-eog-bracket-celebration-title-container .clash-bracket-celebration-subtitle {
  color: #a09b8c;
  margin-top: 4px;
}
.bracket-celebration .end-of-game-modal-content {
  height: 400px;
  width: 100%;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.bracket-celebration .end-of-game-modal-content.clash-eog-bracket-celebration-content {
  height: 600px;
}
.bracket-celebration .end-of-game-modal-content .loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-family: var(--font-display);
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  -webkit-user-select: none;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: uppercase;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ko-kr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ko-kr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ja-jp),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ja-jp),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(tr-tr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(tr-tr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(el-gr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(el-gr),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(th-th),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(th-th),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(zh-tw),
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(zh-tw) {
  text-transform: none;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.trophy-celebration {
  height: 100%;
  width: 1280px;
}
.trophy-celebration .clash-eog-celebration-title-container {
  position: absolute;
  bottom: 152px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-title {
  color: #cdbe91;
}
.trophy-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #785a28;
  margin-top: 4px;
}
.trophy-celebration .clash-trophy-celebration-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 560px;
  width: 100%;
}
.trophy-celebration .clash-trophy-celebration-container .clash-trophy-image {
  position: absolute;
  left: 0;
  right: 0;
  height: 395px;
  width: 221px;
  margin: 30px auto 0;
  background-size: contain;
}
.trophy-celebration .clash-trophy-celebration-container .clash-trophy-circle-inner-mask {
  position: absolute;
  left: 0;
  right: 0;
  height: 350px;
  width: 350px;
  margin: 70px auto 0;
  -webkit-mask-image: linear-gradient(to top, transparent 40px, transparent 10px, #000 120px, #000 10px, transparent 100%);
}
.trophy-celebration .clash-trophy-celebration-container .clash-trophy-circle-inner-mask .clash-trophy-circle-inner {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  animation: 36s clash-trophy-circle-spin linear reverse infinite;
}
.trophy-celebration .clash-trophy-celebration-container .clash-trophy-circle-outer-mask {
  position: absolute;
  left: 0;
  right: 0;
  height: 480px;
  width: 480px;
  margin: 6px auto 0;
  -webkit-mask-image: linear-gradient(to top, transparent 40px, transparent 60px, #000 120px, #000 10px, transparent 100%);
}
.trophy-celebration .clash-trophy-celebration-container .clash-trophy-circle-outer-mask .clash-trophy-circle-outer {
  width: 100%;
  height: 100%;
  opacity: 0.3;
  animation: 36s clash-trophy-circle-spin linear infinite;
}
@-moz-keyframes clash-trophy-circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes clash-trophy-circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@-o-keyframes clash-trophy-circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes clash-trophy-circle-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-family: var(--font-display);
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  -webkit-user-select: none;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: uppercase;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ko-kr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ko-kr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ja-jp),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ja-jp),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(tr-tr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(tr-tr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(el-gr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(el-gr),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(th-th),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(th-th),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(zh-tw),
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(zh-tw) {
  text-transform: none;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: none;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.capsule-grant-celebration {
  height: 100%;
  width: 1280px;
}
.capsule-grant-celebration .clash-eog-celebration-title-container {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.capsule-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #a09b8c;
  margin-top: 4px;
}
.capsule-grant-celebration .clash-capsule-grant-celebration-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 346px;
  width: 100%;
}
.capsule-grant-celebration .clash-capsule-grant-celebration-container .clash-capsule-image-container {
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  margin: auto;
  height: 255px;
  width: 255px;
}
.capsule-grant-celebration .clash-capsule-grant-celebration-container .clash-capsule-image-container .clash-capsule-grant-frame,
.capsule-grant-celebration .clash-capsule-grant-celebration-container .clash-capsule-image-container .clash-capsule-grant-item {
  position: absolute;
  height: 100%;
  width: 100%;
}
.capsule-grant-celebration .clash-capsule-grant-video-container {
  position: absolute;
  height: 255px;
  width: 255px;
}
.capsule-grant-celebration .clash-capsule-grant-video-container #clash-capsule-grant-video-state-machine {
  height: 100%;
  width: 100%;
}
.capsule-grant-celebration .clash-capsule-grant-video-container #clash-capsule-grant-video-state-machine video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.capsule-grant-celebration #clash-frame-grant {
  height: 500px;
  width: 500px;
  left: -123px;
  top: -122px;
  position: absolute;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-family: var(--font-display);
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  -webkit-user-select: none;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: uppercase;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ko-kr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ko-kr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ja-jp),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ja-jp),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(tr-tr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(tr-tr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(el-gr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(el-gr),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(th-th),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(th-th),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(zh-tw),
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(zh-tw) {
  text-transform: none;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: none;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-title {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.capsule-upgrade-celebration {
  height: 100%;
  width: 1280px;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.capsule-upgrade-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #a09b8c;
  margin-top: 4px;
}
.capsule-upgrade-celebration .clash-capsule-upgrade-celebration-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 346px;
  width: 100%;
}
.capsule-upgrade-celebration .clash-capsule-upgrade-celebration-container .clash-capsule-image-container {
  position: absolute;
  top: 23px;
  left: 0;
  right: 0;
  margin: auto;
  height: 255px;
  width: 255px;
}
.capsule-upgrade-celebration .clash-capsule-upgrade-celebration-container .clash-capsule-image-container .clash-capsule-upgrade-frame,
.capsule-upgrade-celebration .clash-capsule-upgrade-celebration-container .clash-capsule-image-container .clash-capsule-upgrade-item {
  position: absolute;
  height: 100%;
  width: 100%;
}
.capsule-upgrade-celebration .clash-capsule-upgrade-video {
  position: absolute;
  height: 255px;
  width: 255px;
}
.capsule-upgrade-celebration .clash-capsule-upgrade-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#clash-frame-pips {
  height: 499px;
  width: 499px;
  left: -123px;
  top: -122px;
  position: absolute;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title,
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  font-family: var(--font-display);
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title,
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  -webkit-user-select: none;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title,
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title,
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  text-transform: uppercase;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(ko-kr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(ko-kr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(ko-kr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(ko-kr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(ko-kr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(ko-kr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(ko-kr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(ja-jp),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(ja-jp),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(tr-tr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(tr-tr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(tr-tr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(tr-tr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(tr-tr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(tr-tr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(tr-tr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(el-gr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(el-gr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(el-gr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(el-gr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(el-gr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(el-gr),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(el-gr),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(th-th),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(th-th),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(th-th),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(th-th),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(th-th),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(th-th),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(th-th),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title:lang(zh-tw),
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle:lang(zh-tw),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(zh-tw),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display:lang(zh-tw),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(zh-tw),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display:lang(zh-tw),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(zh-tw) {
  text-transform: none;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle {
  text-transform: none;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-title,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle {
  letter-spacing: 0.0375em;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier:lang(ja-jp),
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text:lang(ja-jp) {
  font-size: 13px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.vp-grant-celebration {
  position: absolute;
  height: 100%;
  width: 1280px;
  top: 0;
  left: 0;
}
.vp-grant-celebration .clash-reward-display-container {
  opacity: 0;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.vp-grant-celebration .clash-eog-celebration-vp-title-container .clash-celebration-subtitle {
  color: #a09b8c;
  margin-top: 4px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 346px;
  width: 600px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container {
  position: absolute;
  right: 0;
  text-align: center;
  width: 130px;
  height: 130px;
  bottom: 125px;
  opacity: 0;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-background {
  position: absolute;
  height: 100%;
  width: 100%;
  background-image: url("/fe/lol-clash/assets/images/celebration/bonus-vp-ticks.svg");
  opacity: 0.5;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-background-circle-outline {
  position: absolute;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-text {
  position: relative;
  text-align: center;
  margin-top: 25px;
  color: #a09b8c;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-display {
  position: relative;
  text-align: center;
  font-style: italic;
  letter-spacing: 0.01em;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-bonus-vp-container .bonus-vp-tier {
  position: relative;
  text-align: center;
  margin-top: 6px;
  color: #a09b8c;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper {
  height: 100%;
  width: 100%;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper.animateFadeOut {
  animation: 0.5s forwards clash-fade-out;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper.animateFadeIn {
  animation: 0.5s forwards clash-fade-in;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container {
  width: 256px;
  height: 256px;
  position: relative;
  margin: auto;
  top: 23px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals {
  height: 100%;
  width: 100%;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .clash-vp-progress-circle {
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
  width: 256px;
  height: 256px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .clash-vp-progress-circle img {
  position: absolute;
  height: 100%;
  width: 100%;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .clash-vp-progress-circle #clash-vp-meter-regular,
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .clash-vp-progress-circle #clash-vp-meter-bonus {
  position: absolute;
  height: 250px;
  width: 250px;
  top: 5px;
  left: 3px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .vp-reward-image-container {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-mask-image: url("/fe/lol-clash/assets/images/hub/vp-progress-reward-mask.png");
  -webkit-mask-size: cover;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .vp-reward-image-container .vp-reward-image-flag {
  position: absolute;
  width: 170px;
  height: 170px;
  left: 43px;
  top: 43px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .vp-reward-image-container .vp-reward-image-logo {
  position: absolute;
  width: 128px;
  height: 128px;
  left: 64px;
  top: 64px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .vp-reward-image-container.fade {
  opacity: 0.4;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .clash-vp-container .clash-vp-container-visuals .clash-vp-reward-complete-image {
  -webkit-mask-image: url("/fe/lol-clash/assets/images/hub/vp-progress-mask.png");
  -webkit-mask-size: cover;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display {
  position: relative;
  text-align: center;
  margin-top: 10px;
}
.vp-grant-celebration .clash-vp-grant-celebration-container .clash-vp-view-wrapper .vp-display-text {
  position: relative;
  text-align: center;
  margin-top: 8px;
  color: #a09b8c;
}
.vp-grant-celebration .reward-complete-video {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  height: 256px;
  width: 256px;
  top: 256px;
}
.vp-grant-celebration .reward-complete-video video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  font-family: var(--font-display);
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  -webkit-user-select: none;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title,
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  text-transform: uppercase;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ko-kr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ko-kr),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(ko-kr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(ja-jp),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(ja-jp),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(ja-jp),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(tr-tr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(tr-tr),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(tr-tr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(el-gr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(el-gr),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(el-gr),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(th-th),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(th-th),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(th-th),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title:lang(zh-tw),
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle:lang(zh-tw),
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description:lang(zh-tw) {
  text-transform: none;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  text-transform: none;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-title {
  color: #f0e6d2;
  font-size: 24px;
  font-weight: 700;
  line-height: 28px;
  letter-spacing: 0.05em;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  letter-spacing: 0.0375em;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.reward-grant-celebration {
  position: absolute;
  height: 100%;
  width: 1280px;
  top: 0;
  left: 0;
}
.reward-grant-celebration .clash-eog-reward-grant-background {
  position: absolute;
  height: 100%;
  width: 100%;
}
.reward-grant-celebration .clash-eog-reward-grant-background.animateFadeIn {
  animation: 0.1s forwards clash-fade-in;
}
.reward-grant-celebration .clash-eog-celebration-title-container {
  position: absolute;
  top: 112px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}
.reward-grant-celebration .clash-eog-celebration-title-container .clash-celebration-subtitle {
  color: #a09b8c;
  margin-top: 4px;
}
.reward-grant-celebration .clash-reward-grant-celebration-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 346px;
  width: 100%;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-background-image {
  position: absolute;
  height: 100%;
  width: 100%;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container {
  height: 290px;
  width: 290px;
  position: absolute;
  margin: 28px auto;
  left: 0;
  right: 0;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-banner-frame,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-banner-frame-shadow,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-banner-image,
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-image {
  position: absolute;
  height: 100%;
  width: 100%;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-frame-image {
  position: absolute;
  top: 40px;
  height: 60%;
  width: 100%;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-image-container .clash-reward-image-summoner-icon {
  position: absolute;
  height: 60%;
  width: 60%;
  margin: auto;
  left: 0;
  right: 0;
  top: 20%;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-animation-container {
  height: 290px;
  width: 290px;
  position: absolute;
  margin: 28px auto;
  left: 0;
  right: 0;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-animation-container .clash-reward-animation-lottie-container {
  height: 900px;
  width: 720px;
  position: absolute;
  margin: auto;
  top: -285px;
  left: -215px;
  right: 0;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-animation-container #frameIntroVideo {
  position: absolute;
  height: 100%;
  width: 100%;
  margin: auto;
}
.reward-grant-celebration .clash-reward-grant-celebration-container .clash-reward-text-description {
  position: absolute;
  bottom: 18px;
  margin: auto;
  left: 0;
  right: 0;
  color: #c8aa6e;
  text-align: center;
}
.reward-grant-celebration video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-ticket-offer-notification-title {
  font-family: var(--font-display);
}
.clash-ticket-offer-notification-description {
  font-family: var(--font-body);
}
.clash-ticket-offer-notification-title,
.clash-ticket-offer-notification-description {
  -webkit-user-select: none;
}
.clash-ticket-offer-notification-title,
.clash-ticket-offer-notification-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-ticket-offer-notification-title {
  text-transform: uppercase;
}
.clash-ticket-offer-notification-title:lang(ko-kr),
.clash-ticket-offer-notification-title:lang(ja-jp),
.clash-ticket-offer-notification-title:lang(tr-tr),
.clash-ticket-offer-notification-title:lang(el-gr),
.clash-ticket-offer-notification-title:lang(th-th),
.clash-ticket-offer-notification-title:lang(zh-tw) {
  text-transform: none;
}
.clash-ticket-offer-notification-title {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.clash-ticket-offer-notification-description {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-ticket-offer-notification-description:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-ticket-offer-notification {
  height: 101px;
  width: 300px;
  display: flex;
  align-items: center;
  padding: 0 8px 0 18px;
}
.clash-ticket-offer-notification-background {
  position: absolute;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 0;
  background-image: url("/fe/lol-clash/assets/images/roster/ticket-offer-background.png");
  background-size: cover;
}
.clash-ticket-offer-notification-text {
  position: relative;
}
.clash-ticket-offer-notification-description {
  margin-top: 5px;
  margin-right: 10px;
}
.clash-ticket-offer-notification-button-container {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
}
.clash-ticket-offer-notification-button-accept {
  width: 36px;
  height: 36px;
}
.clash-ticket-offer-notification-button-decline {
  width: 14px;
  height: 14px;
  margin: 0 10px;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header {
  font-family: var(--font-display);
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-description {
  font-family: var(--font-body);
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header,
.clash-missed-lockin-modal .clash-missed-lockin-modal-description {
  -webkit-user-select: none;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header,
.clash-missed-lockin-modal .clash-missed-lockin-modal-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header {
  text-transform: uppercase;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(ko-kr),
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(ja-jp),
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(tr-tr),
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(el-gr),
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(th-th),
.clash-missed-lockin-modal .clash-missed-lockin-modal-header:lang(zh-tw) {
  text-transform: none;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-header {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-description {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-description:lang(ja-jp) {
  font-size: 13px;
}
.center-in-parent,
.uikit-video-center-in-parent video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.clash-lottie-animation {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.clash-missed-lockin-modal {
  padding: 18px 40px 0px;
  background-image: url("/fe/lol-clash/assets/images/background/background-default.png");
  background-size: contain;
  cursor: default;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-day-planner {
  position: relative;
  margin: 42px 0;
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-day-planner-bottom-border {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-image: linear-gradient(to right, transparent, rgba(255,255,255,0.22) 50%, transparent);
}
.clash-missed-lockin-modal .clash-missed-lockin-modal-description {
  margin-bottom: 18px;
}
.lol-tooltip-component {
  display: none;
}

/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsImZpbGUiOiJjbGFzaC5jc3MiLCJzb3VyY2VSb290IjoiIn0=*/