.view-chip{--view-fill:#fffcec;--view-ink:#16161a;position:relative;isolation:isolate;overflow:hidden;outline:none;color:rgba(255,255,255,.9);transition:color .4s cubic-bezier(.3,.08,.15,1),border-color .4s cubic-bezier(.3,.08,.15,1),box-shadow .4s cubic-bezier(.3,.08,.15,1)}.view-chip:before{content:"";position:absolute;inset:-3px -12px;z-index:-1;background:linear-gradient(180deg,color-mix(in srgb,#ffffff 34%,var(--view-fill)) 0,var(--view-fill) 48%,color-mix(in srgb,#000000 20%,var(--view-fill)) 100%);transform:translateX(-112%) skewX(-10deg);transition:transform .4s cubic-bezier(.3,.08,.15,1)}.view-chip:after{content:"";position:absolute;top:1px;left:14px;right:14px;height:1px;z-index:1;pointer-events:none;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.62),transparent);opacity:0;transition:opacity .4s cubic-bezier(.3,.08,.15,1)}.view-chip svg{position:relative;z-index:2;transition:transform .4s cubic-bezier(.3,.08,.15,1)}.group:focus-visible .view-chip,.group:hover .view-chip{color:var(--view-ink);border-color:color-mix(in srgb,#ffffff 22%,var(--view-fill));box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -1px 0 rgba(0,0,0,.2),0 10px 22px -12px color-mix(in srgb,var(--view-fill) 75%,transparent)}.group:focus-visible .view-chip:before,.group:hover .view-chip:before{transform:none}.group:focus-visible .view-chip:after,.group:hover .view-chip:after{opacity:1}.group:focus-visible .view-chip svg,.group:hover .view-chip svg{transform:translateX(4px)}.view-chip--fortnite{--view-fill:#2888f0;--view-ink:#06121f}.view-chip--valorant{--view-fill:#f04050;--view-ink:#fff7f7}.view-chip--dbd{--view-fill:#d02830;--view-ink:#fff6f6}.view-chip--rust{--view-fill:#c03828;--view-ink:#fff4ef}.view-chip--apex{--view-fill:#d02828;--view-ink:#fff6f6}.view-chip--arc-raiders{--view-fill:#f0b020;--view-ink:#1f1604}.view-chip--arena-breakout{--view-fill:#c8a858;--view-ink:#1c1608}.view-chip--delta-force{--view-fill:#20e098;--view-ink:#042016}.view-chip--tarkov{--view-fill:#b87828;--view-ink:#1c1206}.view-chip--cs2{--view-fill:#f06800;--view-ink:#1a0d00}.view-chip--fivem{--view-fill:#f04828;--view-ink:#fff4f0}.view-chip--the-finals{--view-fill:#d0f038;--view-ink:#161a04}.view-chip--warzone{--view-fill:#48c0d0;--view-ink:#061418}.view-chip--call-of-duty{--view-fill:#f08830;--view-ink:#1a1006}.view-chip--overwatch-2{--view-fill:#e89018;--view-ink:#1a1204}.view-chip--marvel-rivals{--view-fill:#ed1c24;--view-ink:#fff6f6}.view-chip--sovereign{--view-fill:#e03038;--view-ink:#fff6f6}.view-chip--default{--view-fill:#fffcec;--view-ink:#16161a}@media (prefers-reduced-motion:reduce){.view-chip,.view-chip svg,.view-chip:after,.view-chip:before{transition-duration:1ms!important}.group:focus-visible .view-chip svg,.group:hover .view-chip svg{transform:none}}