.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__value{color:#cdbe91;font-family:var(--font-lol-display);font-size:calc(39px * var(--league-ui-scale));font-weight:700;line-height:1}.collection-summary__value--small{margin-top:calc(18px * var(--league-ui-scale));font-size:calc(32px * var(--league-ui-scale))}.collection-summary__label{color:#a09b8c;font-size:calc(12px * var(--league-ui-scale));font-weight:700;line-height:1.5}.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{z-index:20;width:calc(193px * var(--league-ui-scale));margin-bottom:calc(10px * var(--league-ui-scale));position:relative}.collection-select--open{z-index:90}.collection-select__button{width:100%;height:calc(31px * var(--league-ui-scale));color:#cdbf91;font:inherit;font-size:calc(12px * var(--league-ui-scale));padding:0 calc(12px * var(--league-ui-scale));text-align:left;background:linear-gradient(135deg,#111a20 0%,#0a141a 100%);border:1px solid #0000;border-image:linear-gradient(#c8aa6e 0%,#785a28 100%) 1;grid-template-columns:minmax(0,1fr) auto;align-items:center;line-height:1;display:grid}.collection-select__button:hover,.collection-select__button:focus-visible,.collection-select--open .collection-select__button{color:#f0e6d2;background:linear-gradient(#111920,#292e2b);border-image-source:linear-gradient(#f0e6d2 0%,#c8aa6e 100%);outline:none}.collection-select__button span:first-child,.collection-select__option span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collection-select__chevrons{color:#785a28;font-size:calc(13px * var(--league-ui-scale))}.collection-select__popup{top:calc(31px * var(--league-ui-scale));box-shadow:inset 0 0 0 1px #010a13cc, 0 calc(10px * var(--league-ui-scale)) calc(26px * var(--league-ui-scale)) #00000073;padding:calc(5px * var(--league-ui-scale)) 0;background:linear-gradient(#0f1a20fa 0%,#081116fa 100%);border:1px solid #c8aa6e;display:grid;position:absolute;left:0;right:0}.collection-select__option{width:100%;min-height:calc(30px * var(--league-ui-scale));color:#cdbf91;font:inherit;font-size:calc(12px * var(--league-ui-scale));padding:0 calc(12px * var(--league-ui-scale));text-align:left;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.collection-select__option:hover,.collection-select__option:focus-visible,.collection-select__option[aria-selected=true]{color:#f0e6d2;background:#c8aa6e1a;outline:none}.collection-select__check{color:#f0e6d2;font-size:calc(16px * 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;width:100%;height:100%;display:block}.collection-card.is-locked .collection-card__image{filter:saturate(.78)brightness(.72)}.collection-card__veil{pointer-events:none;background:linear-gradient(#0000 50%,#010a13a8 100%);position:absolute;inset:0}.collection-card__badge{bottom:calc(-18px * var(--league-ui-scale));left:calc(-6px * var(--league-ui-scale));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{height:calc(36px * var(--league-ui-scale));justify-content:flex-end;align-items:center;gap:calc(8px * var(--league-ui-scale));padding:0 calc(12px * var(--league-ui-scale)) 0 calc(52px * var(--league-ui-scale));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;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 strong,.collection-card__tooltip span{display:block}.collection-card__tooltip strong{color:#f0e6d2;font-size:calc(17px * var(--league-ui-scale));line-height:1.2}.collection-card__tooltip 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}