.collection-view{grid-template-rows:calc(46px * var(--league-ui-scale)) minmax(0, 1fr);grid-template-columns:calc(268px * var(--league-ui-scale)) minmax(0, 1fr);background:linear-gradient(90deg, var(--league-surface-bg) 0%, #010a137a 24%, transparent 58%), var(--league-surface-bg-soft);min-width:0;height:100%;color:var(--league-text-muted);font-family:var(--font-lol-cn);display:grid;overflow:hidden}.collection-tabs{padding:0 0 0 calc(34px * var(--league-ui-scale));grid-column:1/-1;align-self:stretch}.collection-sidebar{min-width:0;min-height:0;padding:calc(12px * var(--league-ui-scale)) calc(18px * var(--league-ui-scale)) 0 calc(34px * var(--league-ui-scale))}.collection-summary{width:calc(193px * var(--league-ui-scale));height:calc(161px * var(--league-ui-scale));border:calc(2px * var(--league-ui-scale)) solid #5f471f;margin-bottom:calc(20px * var(--league-ui-scale));box-shadow:inset 0 0 calc(24px * var(--league-ui-scale)) #010a13b3;align-content:center;place-items:center;display:grid;position:relative}.collection-summary:before,.collection-summary:after{width:calc(13px * var(--league-ui-scale));height:calc(13px * var(--league-ui-scale));content:"";border-color:#8a6c2d;position:absolute}.collection-summary:before{top:calc(-2px * var(--league-ui-scale));left:calc(-2px * var(--league-ui-scale));border-top:calc(2px * var(--league-ui-scale)) solid;border-left:calc(2px * var(--league-ui-scale)) solid}.collection-summary:after{right:calc(-2px * var(--league-ui-scale));bottom:calc(-2px * var(--league-ui-scale));border-right:calc(2px * var(--league-ui-scale)) solid;border-bottom:calc(2px * var(--league-ui-scale)) solid}.collection-summary__metric{--riot-signal-label:#a09b8c;--riot-signal-label-size:calc(12px * var(--league-ui-scale));--riot-signal-value:#cdbe91;--riot-signal-value-font:var(--font-lol-display);--riot-signal-metric-value-size:calc(39px * var(--league-ui-scale));--riot-signal-value-margin:0;background:0 0;border:0;justify-items:center;min-height:0;padding:0}.collection-summary__metric--compact{--riot-signal-metric-value-size:calc(32px * var(--league-ui-scale));margin-top:calc(18px * var(--league-ui-scale))}.collection-search{width:calc(193px * var(--league-ui-scale));margin-bottom:calc(12px * var(--league-ui-scale));display:block}.collection-show-incomplete{margin:0 0 calc(14px * var(--league-ui-scale))}.collection-select{--riot-list-box-select-button-h:calc(31px * var(--league-ui-scale));--riot-list-box-select-button-bg:linear-gradient(135deg, #111a20 0%, #0a141a 100%);--riot-list-box-select-button-columns:minmax(0, 1fr) auto;--riot-list-box-select-option-columns:minmax(0, 1fr) auto;--riot-list-box-select-font-family:inherit;width:calc(193px * var(--league-ui-scale));margin-bottom:calc(10px * var(--league-ui-scale))}.collection-grid-scroll{min-width:0;min-height:0;padding:calc(18px * var(--league-ui-scale)) calc(28px * var(--league-ui-scale)) calc(28px * var(--league-ui-scale)) 0;scrollbar-width:thin;scrollbar-color:#785a28 transparent;overflow:hidden auto}.collection-grid-scroll::-webkit-scrollbar{width:calc(6px * var(--league-ui-scale))}.collection-grid-scroll::-webkit-scrollbar-thumb{border-radius:calc(3px * var(--league-ui-scale));background:#785a28}.collection-grid{gap:calc(14px * var(--league-ui-scale)) calc(17px * var(--league-ui-scale));padding-bottom:calc(60px * var(--league-ui-scale));grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;display:grid;overflow:visible}.collection-card{z-index:0;grid-template-rows:calc(202px * var(--league-ui-scale)) calc(24px * var(--league-ui-scale));gap:calc(10px * var(--league-ui-scale));text-align:center;min-width:0;display:grid;position:relative}.collection-card:hover,.collection-card:focus-within{z-index:30}.collection-card__button{width:100%;height:calc(202px * var(--league-ui-scale));background:#010a13;border:1px solid #1e2328;padding:0;display:block;position:relative;overflow:visible}.collection-card__button:hover,.collection-card__button:focus-visible{border-color:#c8aa6e;outline:none}.collection-card__image{object-fit:cover;object-position:center top;width:100%;height:100%;display:block}.collection-card.is-locked .collection-card__image{filter:saturate(.78)brightness(.72)}.collection-card__veil{z-index:1;pointer-events:none;background:linear-gradient(#0000 50%,#010a13a8 100%);position:absolute;inset:0}.collection-card__badge{bottom:calc(-14px * var(--league-ui-scale));left:calc(-4px * var(--league-ui-scale));z-index:3;width:calc(58px * var(--league-ui-scale));height:calc(61px * var(--league-ui-scale));object-fit:contain;filter:drop-shadow(0 calc(4px * var(--league-ui-scale)) calc(8px * var(--league-ui-scale)) #0000008c);position:absolute}.collection-card__image-stat{--collection-card-badge-reserved-width:calc(58px * var(--league-ui-scale));z-index:2;height:calc(36px * var(--league-ui-scale));justify-content:center;align-items:center;gap:calc(8px * var(--league-ui-scale));padding:0 0 0 var(--collection-card-badge-reserved-width);color:#8e8a80;font-size:calc(13px * var(--league-ui-scale));pointer-events:none;background:linear-gradient(90deg,#0000 0%,#010a13c7 42%,#010a13e0 100%);line-height:1;display:flex;position:absolute;bottom:0;left:0;right:0}.collection-card__mastery-mark{width:calc(15px * var(--league-ui-scale));height:calc(15px * var(--league-ui-scale));object-fit:contain;opacity:.74;display:block}.collection-card.is-completed .collection-card__mastery-mark{opacity:.9}.collection-card__caption{color:#a09b8c;min-width:0;font-size:calc(12px * var(--league-ui-scale));line-height:calc(18px * var(--league-ui-scale));align-self:end}.collection-card__title{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.collection-card__tooltip{z-index:80;top:calc(68px * var(--league-ui-scale));left:calc(100px * var(--league-ui-scale));width:calc(252px * var(--league-ui-scale));gap:calc(12px * var(--league-ui-scale));border:calc(2px * var(--league-ui-scale)) solid #785a28;padding:calc(18px * var(--league-ui-scale));box-shadow:0 calc(20px * var(--league-ui-scale)) calc(40px * var(--league-ui-scale)) #0000007a;opacity:0;pointer-events:none;text-align:left;transform:translateX(calc(-8px * var(--league-ui-scale)));background:#1e2328;grid-template-columns:auto minmax(0,1fr);transition:opacity .1s,transform .1s;display:grid;position:absolute}.collection-card:hover .collection-card__tooltip,.collection-card:focus-within .collection-card__tooltip{opacity:1;pointer-events:auto;transform:translate(0)}.collection-card__tooltip-rank{width:calc(42px * var(--league-ui-scale));height:calc(42px * var(--league-ui-scale));border:calc(2px * var(--league-ui-scale)) solid #0ac8b9;color:#f0e6d2;font-family:var(--font-lol-display);font-size:calc(16px * var(--league-ui-scale));border-radius:50%;place-items:center;font-weight:700;display:grid}.collection-card__tooltip-copy strong,.collection-card__tooltip-copy span{display:block}.collection-card__tooltip-copy strong{color:#f0e6d2;font-size:calc(17px * var(--league-ui-scale));line-height:1.2}.collection-card__tooltip-copy span{margin-top:calc(4px * var(--league-ui-scale));color:#a09b8c;font-size:calc(12px * var(--league-ui-scale))}.collection-card__tooltip p{margin:calc(8px * var(--league-ui-scale)) 0 0;padding-top:calc(10px * var(--league-ui-scale));color:#cdbf91;font-size:calc(12px * var(--league-ui-scale));border-top:1px solid #5f471f;grid-column:1/-1;line-height:1.5}.collection-card__tooltip-matches{--league-champion-recent-date-column:minmax(calc(72px * var(--league-ui-scale)), 1fr);--league-champion-recent-kda-column:minmax(calc(48px * var(--league-ui-scale)), auto);--league-champion-recent-result-column:calc(22px * var(--league-ui-scale));--league-champion-recent-icon-column:calc(14px * var(--league-ui-scale));margin-top:calc(2px * var(--league-ui-scale));padding-top:calc(10px * var(--league-ui-scale));border-top:1px solid #5f471f;grid-column:1/-1}