.fan{position:relative;isolation:isolate;-moz-user-select:none;user-select:none;-webkit-user-select:none}.fan .aur{position:absolute;inset:-20% -10%;z-index:-1;pointer-events:none;background:radial-gradient(40% 30% at 50% 45%,var(--g,#25D366),transparent 70%);opacity:.28;filter:blur(30px);transition:background .6s}.fan .tr{position:relative;height:330px;touch-action:pan-y;margin:0 -16px;overflow:hidden}.fan .cd{position:absolute;left:50%;top:14px;width:210px;height:300px;margin-left:-105px;border-radius:28px;transition:transform .55s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .5s;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden;color:#fff;background:linear-gradient(165deg,var(--c),var(--c2));border:.5px solid rgba(255,255,255,.25);box-shadow:0 24px 50px -24px #000,inset 0 1px 0 rgba(255,255,255,.3);cursor:grab;will-change:transform}.fan .cd:before{content:"";position:absolute;inset:0;background:radial-gradient(80% 50% at 50% 30%,rgba(255,255,255,.22),transparent 70%)}.fan .cd>*{position:relative}.fan .cd.on{box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 70px -4px var(--c),0 40px 70px -24px #000,inset 0 1px 0 rgba(255,255,255,.5)}.fan .dr{transition:none!important}.fan .lab{font:600 10px var(--font-grotesk),sans-serif;letter-spacing:.3em;opacity:.85;text-transform:uppercase}.fan .tile{width:104px;height:104px;border-radius:28%;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(0,0,0,.12));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 34px -14px rgba(0,0,0,.7)}.fan .tile svg{width:56%;height:56%}.fan .gi{width:84px;height:84px;border-radius:26px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(255,231,168,.45);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 16px 30px -14px rgba(0,0,0,.6)}.fan .gi svg{width:46px;height:46px}.fan .nm{font-size:22px;font-weight:600;text-align:center}.fan.big .nm{font-size:30px;font-weight:700;letter-spacing:-.03em}.fan .sb{font:600 13px var(--font-grotesk),sans-serif;opacity:.9;margin-top:4px;text-align:center}.fan .lr{position:absolute;top:150px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);color:rgba(255,255,255,.8);z-index:30;transition:opacity .6s}.fan .lr svg{width:15px;height:15px}.fan .lr.l{left:-8px;animation:fnl 1.8s ease-in-out infinite}.fan .lr.r{right:-8px;animation:fnr 1.8s ease-in-out infinite}@keyframes fnl{50%{transform:translateX(-4px);opacity:.55}}@keyframes fnr{50%{transform:translateX(4px);opacity:.55}}.fan.used .lr{opacity:.25}.fan .gd{width:46px;margin:14px auto 0;display:flex;flex-direction:column;align-items:center;pointer-events:none}.fan .gd span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(8px);color:rgba(255,255,255,.85);animation:fngl 1.8s cubic-bezier(.4,0,.2,1) infinite;box-shadow:0 0 24px -6px rgba(245,185,66,.35)}.fan .gd span svg{width:20px;height:20px}.fan .gd em{width:1px;height:26px;margin-top:4px;background:linear-gradient(rgba(255,255,255,.35),transparent);animation:fngl 1.8s cubic-bezier(.4,0,.2,1) infinite}@keyframes fngl{0%{transform:translateY(-6px);opacity:.35}50%{transform:translateY(6px);opacity:1}to{transform:translateY(-6px);opacity:.35}}.fan .hint{font:500 11px var(--font-grotesk),sans-serif;letter-spacing:.24em;color:rgba(226,232,240,.55);text-align:center;text-transform:uppercase;margin-top:10px}.fan .pts{display:flex;justify-content:center;gap:8px;margin-top:16px}.fan .pts i{width:6px;height:6px;border-radius:9px;background:rgba(255,255,255,.25);transition:all .3s}.fan .pts i.on{width:22px;background:#F5B942}.fan .sel{margin-top:18px;padding:16px 18px;border-radius:22px;background:linear-gradient(160deg,#0A1F17,#082017);border:1px solid rgba(245,185,66,.3);display:flex;align-items:center;gap:12px;color:#fff}.fan .sel .st{width:44px;height:44px;border-radius:28%;display:grid;place-items:center;background:linear-gradient(145deg,var(--c),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 34px -14px rgba(0,0,0,.7)}.fan .sel .st svg{width:56%;height:56%}.fan .sel b{font-weight:600}.fan .sel small{display:block;font-size:12px;color:rgba(226,232,240,.6)}.fan .sel .p{margin-left:auto;font:700 18px var(--font-grotesk),sans-serif;white-space:nowrap}.fan .sel svg.go{width:18px;height:18px;flex:none;color:#F5B942}@media(prefers-reduced-motion:reduce){.fan .cd{transition:none}.fan .gd em,.fan .gd span,.fan .lr{animation:none}}.trl .pl{display:flex;gap:8px;overflow-x:auto;white-space:nowrap;scrollbar-width:none;margin:0 -16px;padding:0 16px}.trl .pl::-webkit-scrollbar{display:none}.trl .pl a{font:500 13px var(--font-grotesk),sans-serif;padding:8px 14px;border-radius:99px;border:1px solid rgba(245,185,66,.25);background:#0A1F17;color:rgba(226,232,240,.75);transition:all .3s;flex:none}.trl .pl a[aria-current=true]{background:#fff;color:#04120D;border-color:#fff;box-shadow:0 8px 20px -10px rgba(255,255,255,.5)}.trl .cv{position:relative;height:330px;margin:22px -16px 0;overflow:hidden;touch-action:pan-y}.trl .rl{display:flex;gap:16px;padding-left:46px;transition:transform .6s cubic-bezier(.22,1,.36,1);will-change:transform;backface-visibility:hidden}.trl .bc{flex:0 0 250px;height:290px;margin-top:30px;border-radius:30px;position:relative;padding:22px;color:#fff;overflow:hidden;background:linear-gradient(160deg,var(--c),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 30px 50px -24px #000;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s cubic-bezier(.22,1,.36,1);opacity:.5;transform:scale(.9);display:block}.trl .bc.on{opacity:1;transform:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 0 60px -20px var(--c),0 40px 60px -26px #000}.trl .bc .tile{position:absolute;right:-26px;bottom:-24px;width:170px;height:170px;border-radius:28%;display:grid;place-items:center;transform:rotate(-12deg);background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(0,0,0,.2));box-shadow:0 30px 40px -16px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.4)}.trl .bc .tile svg{width:56%;height:56%}.trl .lr{position:absolute;top:160px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);color:rgba(255,255,255,.8);z-index:30}.trl .lr svg{width:15px;height:15px}.trl .lr.l{left:8px;animation:fnl 1.8s ease-in-out infinite}.trl .lr.r{right:8px;animation:fnr 1.8s ease-in-out infinite}.trl .li{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#fff}.trl .li .t{width:46px;height:46px;border-radius:28%;display:grid;place-items:center;flex:none;background:linear-gradient(145deg,var(--c),var(--c2));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 18px 34px -14px rgba(0,0,0,.7)}.trl .li .t svg{width:56%;height:56%}@media(min-width:768px){.trl .cv{margin:22px 0 0}.trl .rl{padding-left:calc(50% - 125px)}}@keyframes fnsp{50%{transform:scale(1.08);box-shadow:0 0 40px -6px rgba(245,185,66,.5)}}.rail-u{font-size:13px;opacity:.8}@keyframes fdIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}.trl .li .t{position:relative;overflow:hidden;background:#fff!important;color:var(--c);box-shadow:0 0 0 2px #F5B942,0 0 0 5px rgba(245,185,66,.14),0 0 22px 3px color-mix(in srgb,var(--c) 55%,transparent),0 14px 24px -10px rgba(0,0,0,.9)!important;transition:transform .25s}.trl .li .t svg,.trl .li .t svg *{fill:var(--c)!important}.trl .li .t:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.85) 50%,transparent 60%);transform:translateX(-120%);animation:bdgSheen 5s ease-in-out infinite;pointer-events:none}.trl .li:hover .t{transform:translateY(-2px)}@keyframes bdgSheen{0%,70%{transform:translateX(-120%)}to{transform:translateX(120%)}}@media(prefers-reduced-motion:reduce){.trl .li .t:after{animation:none;display:none}}