.etl-duo{grid-template-columns:minmax(0,450px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.etl-chips{flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none;display:flex}.etl-chip{border:1px solid var(--border);background:var(--card);min-height:44px;color:var(--foreground);border-radius:9999px;align-items:center;gap:8px;padding:0 14px;font-size:15px;transition:background-color .35s,border-color .35s,color .35s;display:inline-flex}.etl-chip>i{background:var(--etl-ob);border-radius:9999px;width:10px;height:10px;transition:background-color .35s}.etl-chip[data-on=true]{border-color:var(--etl-ob);background:var(--etl-ob);color:#fff}.etl-chip[data-on=true]>i{background:#fff}.etl-chip:focus-visible{outline:2px solid var(--foreground);outline-offset:3px}.etl-scene{perspective:1500px;height:620px;position:relative}.etl-halo{background-color:var(--etl-ink);opacity:.5;filter:blur(110px);pointer-events:none;border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:background-color .6s;position:absolute;top:46%;left:50%}.etl-world{width:0;height:0;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:rotateX(-8deg)}.etl-ring{--etl-r:316px;width:240px;height:330px;transform-style:preserve-3d;transition:transform .9s cubic-bezier(.7,0,.2,1);position:absolute;top:-150px;left:-120px}.etl-deck{background:radial-gradient(circle, color-mix(in srgb, var(--foreground) 34%, transparent) 0 2px, transparent 3px) 0 0 / 30px 30px, color-mix(in srgb, var(--foreground) 6%, transparent);width:740px;height:740px;box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--foreground) 26%, transparent);pointer-events:none;border-radius:50%;margin:-350px 0 0 -370px;position:absolute;top:100%;left:50%;transform:rotateX(90deg)}.etl-fog{pointer-events:none;background:radial-gradient(closest-side,#0000006b,#0000);width:880px;height:520px;position:absolute;top:-230px;left:-440px;transform:translateZ(0)}.etl-card{color:#fff;transform:rotateY(var(--etl-a)) translateZ(var(--etl-r));transform-style:preserve-3d;transition:transform .7s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.etl-card[data-on=true]{transform:rotateY(var(--etl-a)) translateZ(calc(var(--etl-r) + 34px))}.etl-card-f,.etl-card-b{transform-style:preserve-3d;backface-visibility:hidden;border-radius:26px;position:absolute;inset:0}.etl-card-f{background:linear-gradient(180deg, #ffffff29, #00000038), radial-gradient(#ffffff21 1px, transparent 1.6px) 0 0 / 9px 9px, var(--etl-ob);box-shadow:inset 0 1px #ffffff73,inset 0 0 0 1px #ffffff24,0 30px 50px -24px #0009}.etl-card-f:before{content:"";background:linear-gradient(#fff3,#ffffff0f);border-radius:16px;height:56%;position:absolute;inset:14px 14px auto;box-shadow:inset 0 0 0 1px #ffffff29}.etl-card-f:after{border-radius:inherit;content:"";background:#0c0b0a66;transition:opacity .5s;position:absolute;inset:0}.etl-card[data-on=true] .etl-card-f:after{opacity:0}.etl-card-b{background:linear-gradient(#0c0b0a9e, #0c0b0a9e), radial-gradient(#ffffff21 1px, transparent 1.6px) 0 0 / 9px 9px, var(--etl-ob);transform:rotateY(180deg)}.etl-card-art{filter:drop-shadow(0 16px 12px #00000052);backface-visibility:hidden;position:absolute;top:-13%;left:9%;right:9%;transform:translateZ(38px)}.etl-card-art svg{width:100%;height:auto;display:block}.etl-card-b .etl-card-art{opacity:.4}.etl-card-txt{backface-visibility:hidden;flex-direction:column;gap:5px;display:flex;position:absolute;bottom:18px;left:20px;right:62px;transform:translateZ(18px)}.etl-card-n{font-family:var(--brand-display), "Arial Black", sans-serif;letter-spacing:.012em;font-size:20px;font-weight:900;line-height:1.12}.etl-card-t{color:#fffffff0;font-size:12.5px;line-height:1.36}.etl-card-go{color:#17140f;backface-visibility:hidden;background:#fff;border-radius:9999px;place-items:center;width:38px;height:38px;transition:rotate .5s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;bottom:18px;right:16px;transform:translateZ(18px)}.etl-card[data-on=true]:hover .etl-card-go{rotate:-45deg}.etl-pc{fill:#f7f2e8}.etl-ps{fill:#dad2c0}.etl-pk{fill:#17140f}.etl-pi{fill:color-mix(in srgb, var(--etl-ob) 70%, #000)}.etl-po{fill:#ffa52b}.etl-pl{fill:none;stroke:color-mix(in srgb, var(--etl-ob) 70%, #000);stroke-width:7px;stroke-linecap:round}.etl-pg{fill:none;stroke:#3d3832;stroke-width:2px}.etl-pv{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}@media (max-width:899px){.etl-duo{grid-template-columns:minmax(0,1fr);gap:8px}.etl-scene{perspective:1000px;height:480px}.etl-halo{filter:blur(80px);width:360px;height:360px;margin:-180px 0 0 -180px}.etl-ring{--etl-r:204px;width:168px;height:240px;top:-112px;left:-84px}.etl-deck{background-size:22px 22px,auto;width:500px;height:500px;margin:-236px 0 0 -250px}.etl-fog{width:600px;height:380px;top:-170px;left:-300px}.etl-card[data-on=true]{transform:rotateY(var(--etl-a)) translateZ(calc(var(--etl-r) + 22px))}.etl-card-f,.etl-card-b{border-radius:20px}.etl-card-f:before{border-radius:12px;height:58%;inset:10px 10px auto}.etl-card-art{transform:translateZ(26px)}.etl-card-txt{bottom:14px;left:14px;right:46px;transform:translateZ(12px)}.etl-card-n{font-size:15px}.etl-card-t{display:none}.etl-card-go{width:30px;height:30px;bottom:12px;right:10px;transform:translateZ(12px)}}