.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title {
  font-family: var(--font-display);
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper .esports-subtitle {
  font-family: var(--font-body);
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper .esports-subtitle {
  -webkit-user-select: none;
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper .esports-subtitle {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title {
  text-transform: uppercase;
}
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(ko-kr),
.collectibles-grid-component .no-matching-collectibles .message:lang(ko-kr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(ko-kr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(ko-kr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(ko-kr),
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(ja-jp),
.collectibles-grid-component .no-matching-collectibles .message:lang(ja-jp),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(ja-jp),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(ja-jp),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(ja-jp),
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(tr-tr),
.collectibles-grid-component .no-matching-collectibles .message:lang(tr-tr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(tr-tr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(tr-tr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(tr-tr),
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(el-gr),
.collectibles-grid-component .no-matching-collectibles .message:lang(el-gr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(el-gr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(el-gr),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(el-gr),
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(th-th),
.collectibles-grid-component .no-matching-collectibles .message:lang(th-th),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(th-th),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(th-th),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(th-th),
.collectibles-grid-component .no-owned-collectible .message-container .message:lang(zh-tw),
.collectibles-grid-component .no-matching-collectibles .message:lang(zh-tw),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title:lang(zh-tw),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title:lang(zh-tw),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title:lang(zh-tw) {
  text-transform: none;
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message {
  text-transform: none;
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.collectibles-grid-component .no-owned-collectible .message-container .message,
.collectibles-grid-component .no-matching-collectibles .message {
  letter-spacing: 0.025em;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-title {
  color: #f0e6d2;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.075em;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper .esports-subtitle {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name:lang(ja-jp),
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper .esports-subtitle:lang(ja-jp) {
  font-size: 13px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle,
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count {
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0.075em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.collectibles-grid-component {
  position: relative;
  width: 774px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.collectibles-grid-component .no-owned-collectible {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.collectibles-grid-component .no-owned-collectible .illustration {
  max-width: 102px;
}
.collectibles-grid-component .no-owned-collectible .message-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.collectibles-grid-component .no-owned-collectible.hidden {
  display: none;
}
.collectibles-grid-component .no-matching-collectibles {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.collectibles-grid-component .no-matching-collectibles.hidden {
  display: none;
}
.collectibles-grid-component .page-view-wrapper {
  height: 100%;
}
.collectibles-grid-component .page-view-wrapper.hidden {
  display: none;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper {
  display: flex;
  position: relative;
  padding-left: 17px;
  overflow-y: auto;
  overflow-x: hidden;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  will-change: auto;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper {
  display: flex;
  margin-bottom: 15px;
  flex-basis: 100%;
  align-items: flex-end;
  width: 750px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.hidden {
  opacity: 0;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper {
  display: inline-flex;
  width: 29px;
  height: 26px;
  margin-left: 10px;
  transition: none;
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper.show {
  margin-right: 12px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper.show .group-complete-icon {
  width: 29px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper.hidden {
  display: none;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper .group-complete-icon {
  bottom: -3px;
  width: 0px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper.animate {
  transition: 250ms ease, margin-right 250ms 300ms ease;
  margin-right: 12px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-complete-icon-wrapper.animate .group-complete-icon {
  transition: 400ms ease;
  width: 29px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title {
  display: inline;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-subtitle {
  display: inline;
  margin-left: 25px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count {
  display: inline;
  margin-left: 25px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-count .group-total-count {
  margin-left: 10px;
  font-size: 14px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .complete-set-video-wrapper {
  position: absolute;
  left: -27px;
  top: -26px;
  width: 100%;
  height: 82px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .complete-set-video-wrapper.hidden {
  display: none;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .complete-set-video-wrapper .complete-set-video {
  height: 100%;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title-inline-separator-wrapper {
  display: flex;
  flex-grow: 1;
  margin-left: 10px;
  margin-right: 10px;
  height: 18px;
  justify-content: center;
  align-items: center;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .group-title-inline-separator-wrapper .group-title-inline-separator {
  display: inline-block;
  border: solid #1b292a;
  border-width: 1px 0 0 0;
  width: 100%;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .esports-name {
  display: inline-block;
  text-transform: uppercase;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper .hidden {
  display: none;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-subtitle {
  font-size: 14px;
  margin-left: 12px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-title-wrapper.subtitle .group-count {
  font-size: 14px;
  margin-left: 12px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper {
  width: 760px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 0;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title {
  display: flex;
  height: 32px;
  justify-content: center;
  align-items: center;
  margin-top: 28px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title .icon {
  max-height: 16px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-title span {
  margin-left: 12px;
  margin-right: 12px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-subtitle-wrapper {
  height: 50px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper .esports-background {
  position: absolute;
  width: 100%;
  top: 0;
  z-index: -1;
  opacity: 1;
  height: 270px;
  background-size: cover;
  display: none;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-title-wrapper.first-title .esports-title {
  margin-top: 0px;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .esports-separator {
  width: 750px;
  border: solid #3c3732;
  border-width: 1px 0 0 0;
  margin: 10px 0 0 0;
}
.collectibles-grid-component .page-view-wrapper .collectibles-grid-wrapper .group-separator {
  width: 750px;
  border: solid #1b292a;
  border-width: 1px 0 0 0;
  margin-bottom: 10px;
}
.collectibles-grid-tooltip lol-uikit-tooltip {
  width: 300px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container {
  width: 100%;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .top-content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .top-content .collectible-name {
  flex-grow: 1;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .gem {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 6px;
  margin-right: 6px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .name {
  display: inline;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .hidden {
  display: none;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container.separator {
  border-top: thin solid #785a28;
  padding-top: 16px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .row {
  margin-top: 8px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .description p {
  font-size: 13px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .icon {
  height: 20px;
  width: 20px;
  margin-right: 4px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat: no-repeat;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .bottom-row {
  margin-top: 12px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .legacy-info {
  display: inline-flex;
  align-items: center;
  margin-right: 20px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .legacy-info .legacy-icon {
  background-image: url("/fe/lol-collectibles/images/control-panel/icon-legacy.png");
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .legacy-info .label {
  margin-left: 5px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price {
  display: inline-flex;
  align-items: center;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price .initial-cost {
  color: #dd2d38;
  text-decoration: line-through;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price .cost {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 0;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price .cost.IP {
  margin-right: 20px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price .currency.RP {
  background-image: url("/fe/lol-collectibles/images/currencies/icon-rp.png");
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .price .currency.IP {
  background-image: url("/fe/lol-collectibles/images/currencies/icon-blue-essence.png");
  margin-right: 1px;
}
.collectibles-grid-tooltip lol-uikit-tooltip .collectibles-tooltip-container .info-container .gold-text {
  color: #c89b3c;
}
.collectibles-root {
  position: relative;
  height: 575px;
  width: 1029px;
  overflow: hidden;
}
.collectibles-container {
  display: flex;
  flex-direction: row;
  margin-top: 3px;
  padding: 0;
  position: relative;
  height: 100%;
  width: 100%;
}
.collectibles-container .control-panel {
  position: relative;
  width: 194px;
  height: 100%;
  margin-right: 35px;
}
.collectibles-container .collectibles-grid {
  position: relative;
  display: flex;
  width: 774px;
  height: 100%;
  justify-content: center;
}
.spinner-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;
}
.spinner-wrapper .loading-spinner {
  width: 40px;
  height: 40px;
  background-image: url("/fe/lol-collectibles/images/spinner.png");
  background-size: 40px;
  animation-name: spin;
  animation-duration: 4000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.spinner-wrapper.hidden {
  display: none;
}
.loading-fade-in {
  -webkit-animation: fade-in 0.5s forwards;
}
.loading-fade-out {
  -webkit-animation: spin 4000ms infinite linear, fade-out 0.5s forwards;
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.loading-hidden {
  opacity: 0;
}
.collectibles-container .collectibles-grid .summoner-icons-row .summoner-icon-wrapper {
  margin-right: 19px;
}
.collectibles-container .collectibles-grid .summoner-icons-row .summoner-icon-wrapper:last-child {
  margin-right: 0;
}
.collectibles-container .collectibles-grid .summoner-icons-row .summoner-icon-wrapper .summoner-icon-img {
  display: block;
  width: 90px;
}
.collectibles-container .save-summoner-icon-button {
  position: absolute;
  right: 25px;
  top: 0;
}
.collectibles-container .display-on-boarding-button {
  position: absolute;
  right: 110px;
  top: 0;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label,
.collectible-control-panel .collectibles-feature-description {
  font-family: var(--font-display);
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count,
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text,
.collectible-control-panel .collectibles-feature-description {
  font-family: var(--font-body);
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count,
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text,
.collectible-control-panel .collectibles-feature-description {
  -webkit-user-select: none;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count,
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text,
.collectible-control-panel .collectibles-feature-description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label {
  text-transform: uppercase;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(ko-kr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(ko-kr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(ja-jp),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(ja-jp),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(tr-tr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(tr-tr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(el-gr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(el-gr),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(th-th),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(th-th),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned:lang(zh-tw),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(zh-tw) {
  text-transform: none;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned {
  color: #f0e6d2;
  font-size: 40px;
  font-weight: 700;
  line-height: 42px;
  letter-spacing: 0.05em;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label {
  color: #f0e6d2;
  font-size: 12px;
  font-weight: 700;
  line-height: 16px;
  letter-spacing: 0.075em;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label:lang(ja-jp) {
  font-size: 13px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label {
  color: #a09b8c;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count,
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count,
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text,
.collectible-control-panel .collectibles-feature-description {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count:lang(ja-jp),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count:lang(ja-jp),
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count:lang(ja-jp),
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text:lang(ja-jp),
.collectible-control-panel .collectibles-feature-description:lang(ja-jp) {
  font-size: 13px;
}
.collectible-control-panel .collectibles-feature-description {
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.1em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned {
  background: linear-gradient(to bottom, #cdbe91 0%, #c8aa6e 35%, #765c29 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.collectible-control-panel {
  width: 194px;
  margin-right: 35px;
}
.collectible-control-panel .separator {
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-color: #1b292a;
  margin-top: 5px;
  margin-bottom: 5px;
  width: 168px;
  margin-bottom: 0;
}
.collectible-control-panel .collectibles-collection-details-wrapper .top-frame {
  background-image: url("/fe/lol-collectibles/images/control-panel/control-panel-frame-top.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 1px;
  height: 145px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .bottom-frame {
  background-image: url("/fe/lol-collectibles/images/control-panel/control-panel-frame-bot.png");
  background-repeat: no-repeat;
  background-size: contain;
  height: 14px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper {
  position: absolute;
  display: flex;
  justify-content: center;
  top: 34px;
  width: 194px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-owned-summary-wrapper .collectibles-collection-owned-summary .collectibles-collection-total-owned-label {
  text-transform: uppercase;
  margin-top: 5px;
  max-width: 100px;
  text-align: center;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-sets-and-breakdown {
  background-image: url("/fe/lol-collectibles/images/control-panel/control-panel-frame-mid.png");
  background-size: contain;
  display: flex;
  flex-direction: column;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets {
  display: flex;
  justify-content: center;
  margin: 8px 20px 0px 20px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set {
  display: flex;
  justify-content: space-between;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set {
  display: flex;
  flex-direction: column;
  min-width: 40px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 26px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .icon-wrapper .icon {
  width: 20px;
  height: 20px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .icon-wrapper .icon-legacy {
  width: 23px;
  height: 23px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .count {
  margin-top: 5px;
  margin-bottom: 0;
  text-align: center;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-total-sets .top-icon-set .set .legacy-count {
  margin-top: 5px;
  margin-bottom: 0;
  text-align: center;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown {
  display: flex;
  flex-wrap: wrap;
  padding: 0 5px;
  justify-content: center;
  margin: 8px 5px 5px 5px;
  min-height: 50px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item {
  display: flex;
  width: 34px;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-top: 7px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .count {
  margin-bottom: 0px;
  margin-top: 8px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .icon-wrapper {
  display: flex;
  align-items: center;
  text-align: center;
  height: 20px;
  width: 20px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .icon-wrapper .icon {
  max-height: 20px;
  max-width: 20px;
}
.collectible-control-panel .collectibles-collection-details-wrapper .collectibles-collection-breakdown .item .clickable-icon {
  cursor: pointer;
}
.collectible-control-panel .collectibles-collection-search-panel {
  margin-top: 18px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-text-filter .collectibles-collection-search-text {
  width: 100%;
  padding: 0 0 0 27px;
  height: 30px;
  line-height: 30px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-ownership-filter {
  margin-top: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-ownership-filter.invisible {
  visibility: hidden;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-ownership-filter lol-uikit-flat-checkbox /deep/ label {
  margin-left: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-availability-filter {
  margin-top: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-availability-filter.invisible {
  visibility: hidden;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-availability-filter lol-uikit-flat-checkbox /deep/ label {
  margin-left: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-grouping-options {
  margin-top: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel .collectibles-collection-sort-options {
  margin-top: 12px;
}
.collectible-control-panel .collectibles-collection-search-panel lol-uikit-framed-dropdown::shadow .ui-dropdown dd.ui-dropdown-options-container ul.ui-dropdown-options lol-uikit-scrollable {
  max-height: 200px;
}
.collectible-control-panel .collectibles-feature-description {
  margin-top: 12px;
}
.collectibles-grid .ward-skins-row {
  display: flex;
}
.collectibles-grid .ward-skins-row .ward-skin-wrapper {
  margin-right: 34px;
}
.collectibles-grid .ward-skins-row .ward-skin-wrapper:last-child {
  margin-right: 0;
}
.collectibles-grid .ward-skins-row .ward-skin-wrapper .ward-skin-background {
  display: flex;
  width: 123px;
  background-image: url("/fe/lol-collectibles/images/summoner-rift-background.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  justify-content: center;
}
.collectibles-grid .ward-skins-row .ward-skin-wrapper .ward-skin-background .ward-skin-img-container .ward-skin-img {
  max-width: 100px;
}
.collectibles-grid .chromas-row {
  display: flex;
}
.collectibles-grid .chromas-row .chroma-wrapper {
  margin-right: 25px;
}
.collectibles-grid .chromas-row .chroma-wrapper:last-child {
  margin-right: 0;
}
.collectibles-grid .chromas-row .chroma-wrapper .chroma-background {
  display: flex;
  width: 170px;
  background-image: url("/fe/lol-collectibles/images/summoner-rift-background.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  justify-content: center;
}
.collectibles-grid .chromas-row .chroma-wrapper .chroma-background .chroma-img-container .chroma-img {
  max-height: 158px;
  margin-top: 5px;
}
.on-boarding-wrapper .title p,
.on-boarding-wrapper .slots .slot .title {
  font-family: var(--font-display);
}
.on-boarding-wrapper .description p,
.on-boarding-wrapper .slots .slot.organize .label,
.on-boarding-wrapper .slots .slot .description {
  font-family: var(--font-body);
}
.on-boarding-wrapper .title p,
.on-boarding-wrapper .description p,
.on-boarding-wrapper .slots .slot.organize .label,
.on-boarding-wrapper .slots .slot .title,
.on-boarding-wrapper .slots .slot .description {
  -webkit-user-select: none;
}
.on-boarding-wrapper .title p,
.on-boarding-wrapper .description p,
.on-boarding-wrapper .slots .slot.organize .label,
.on-boarding-wrapper .slots .slot .title,
.on-boarding-wrapper .slots .slot .description {
  font-kerning: normal;
  -webkit-font-feature-settings: "kern" 1;
  -webkit-font-smoothing: antialiased;
}
.on-boarding-wrapper .title p,
.on-boarding-wrapper .slots .slot .title {
  text-transform: uppercase;
}
.on-boarding-wrapper .title p:lang(ko-kr),
.on-boarding-wrapper .slots .slot .title:lang(ko-kr),
.on-boarding-wrapper .title p:lang(ja-jp),
.on-boarding-wrapper .slots .slot .title:lang(ja-jp),
.on-boarding-wrapper .title p:lang(tr-tr),
.on-boarding-wrapper .slots .slot .title:lang(tr-tr),
.on-boarding-wrapper .title p:lang(el-gr),
.on-boarding-wrapper .slots .slot .title:lang(el-gr),
.on-boarding-wrapper .title p:lang(th-th),
.on-boarding-wrapper .slots .slot .title:lang(th-th),
.on-boarding-wrapper .title p:lang(zh-tw),
.on-boarding-wrapper .slots .slot .title:lang(zh-tw) {
  text-transform: none;
}
.on-boarding-wrapper .title p {
  color: #f0e6d2;
  font-size: 30px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.05em;
}
.on-boarding-wrapper .slots .slot .title {
  color: #f0e6d2;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  letter-spacing: 0.05em;
}
.on-boarding-wrapper .description p {
  color: #a09b8c;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.on-boarding-wrapper .slots .slot.organize .label,
.on-boarding-wrapper .slots .slot .description {
  color: #a09b8c;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.025em;
  -webkit-font-smoothing: subpixel-antialiased;
}
.on-boarding-wrapper .slots .slot.organize .label:lang(ja-jp),
.on-boarding-wrapper .slots .slot .description:lang(ja-jp) {
  font-size: 13px;
}
.on-boarding-wrapper {
  position: relative;
  height: 550px;
  width: 1100px;
  overflow: hidden;
}
.on-boarding-wrapper .title {
  display: flex;
  justify-content: center;
}
.on-boarding-wrapper .title p {
  margin-bottom: 0;
}
.on-boarding-wrapper .description {
  display: flex;
  justify-content: center;
}
.on-boarding-wrapper .description p {
  max-width: 300px;
  text-align: center;
}
.on-boarding-wrapper .slots {
  display: flex;
  justify-content: space-around;
  margin-top: 273px;
}
.on-boarding-wrapper .slots .slot {
  display: flex;
  flex-direction: column;
  position: relative;
}
.on-boarding-wrapper .slots .slot img {
  position: absolute;
  top: -365px;
  left: -87px;
}
.on-boarding-wrapper .slots .slot.organize .organize-img {
  content: url("/fe/lol-collectibles/images/on-boarding/organize-slot.png");
}
.on-boarding-wrapper .slots .slot.organize .label {
  position: absolute;
}
.on-boarding-wrapper .slots .slot.organize .label.search {
  top: -210px;
  left: 10px;
}
.on-boarding-wrapper .slots .slot.organize .label.checkbox {
  top: -170px;
  left: 10px;
}
.on-boarding-wrapper .slots .slot.organize .label.first-dropdown {
  top: -105px;
  left: -5px;
}
.on-boarding-wrapper .slots .slot.organize .label.second-dropdown {
  top: -60px;
  left: -5px;
}
.on-boarding-wrapper .slots .slot .discover-img {
  content: url("/fe/lol-collectibles/images/on-boarding/discover-slot.png");
}
.on-boarding-wrapper .slots .slot .collect-img {
  content: url("/fe/lol-collectibles/images/on-boarding/collect-slot.png");
}
.on-boarding-wrapper .slots .slot .description {
  max-width: 200px;
  text-align: center;
}
.on-boarding-wrapper .button-light-wrapper {
  display: flex;
  justify-content: center;
}
.on-boarding-wrapper .button-light-wrapper .button-light {
  background: url("/fe/lol-collectibles/images/on-boarding/button-light.png") no-repeat;
  background-size: contain;
  height: 93px;
  width: 325px;
}