.DemosExplorer-module__8Iv2-G__wrap{perspective:1600px}.DemosExplorer-module__8Iv2-G__card{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,.68,.32,1);display:grid;position:relative}@media (hover:hover) and (pointer:fine){.DemosExplorer-module__8Iv2-G__wrap:hover .DemosExplorer-module__8Iv2-G__card{transform:rotateY(180deg)}}.DemosExplorer-module__8Iv2-G__wrap[data-flipped=true] .DemosExplorer-module__8Iv2-G__card{transform:rotateY(180deg)}.DemosExplorer-module__8Iv2-G__face{border-radius:inherit;backface-visibility:hidden;grid-area:1/1;position:relative;overflow:hidden}.DemosExplorer-module__8Iv2-G__front{background:radial-gradient(90% 70% at 88% 8%, color-mix(in srgb, var(--accent) 26%, transparent) 0%, transparent 60%), radial-gradient(70% 60% at 8% 104%, color-mix(in srgb, var(--accent) 20%, transparent) 0%, transparent 62%), linear-gradient(165deg, color-mix(in srgb, var(--accent) 7%, #fff) 0%, #fff 58%)}.DemosExplorer-module__8Iv2-G__ghost{border:34px solid var(--accent);opacity:.11;pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-110px;right:-70px}.DemosExplorer-module__8Iv2-G__back{background:radial-gradient(130% 110% at 0% 0%, color-mix(in srgb, var(--accent) 88%, #fff) 0%, var(--accent) 55%, color-mix(in srgb, var(--accent) 82%, #000) 100%);color:#fff;transform:rotateY(180deg)}.DemosExplorer-module__8Iv2-G__accentLine{background:var(--accent);height:4px;position:absolute;inset:0 0 auto}.DemosExplorer-module__8Iv2-G__back .DemosExplorer-module__8Iv2-G__accentLine{background:#ffffff80}.DemosExplorer-module__8Iv2-G__glow{z-index:-1;filter:blur(64px);opacity:.5;background:radial-gradient(closest-side, var(--accent) 0%, transparent 100%);border-radius:50%;transition:background .3s;position:absolute;inset:-14% -10% -22%}.DemosExplorer-module__8Iv2-G__spine{border-left:3px solid var(--accent);padding-left:12px}.DemosExplorer-module__8Iv2-G__dot{background:var(--accent);border-radius:50%;flex:none;width:7px;height:7px;transition:transform .16s}.DemosExplorer-module__8Iv2-G__railItem:hover .DemosExplorer-module__8Iv2-G__dot,.DemosExplorer-module__8Iv2-G__railItem[aria-selected=true] .DemosExplorer-module__8Iv2-G__dot{transform:scale(1.45)}@media (prefers-reduced-motion:reduce){.DemosExplorer-module__8Iv2-G__card,.DemosExplorer-module__8Iv2-G__wrap:hover .DemosExplorer-module__8Iv2-G__card,.DemosExplorer-module__8Iv2-G__wrap[data-flipped=true] .DemosExplorer-module__8Iv2-G__card{transition:none;transform:none}.DemosExplorer-module__8Iv2-G__face{transition:opacity .2s}.DemosExplorer-module__8Iv2-G__back{opacity:0;transform:none}.DemosExplorer-module__8Iv2-G__front{opacity:1}@media (hover:hover) and (pointer:fine){.DemosExplorer-module__8Iv2-G__wrap:hover .DemosExplorer-module__8Iv2-G__back{opacity:1}.DemosExplorer-module__8Iv2-G__wrap:hover .DemosExplorer-module__8Iv2-G__front{opacity:0}}.DemosExplorer-module__8Iv2-G__wrap[data-flipped=true] .DemosExplorer-module__8Iv2-G__back{opacity:1}.DemosExplorer-module__8Iv2-G__wrap[data-flipped=true] .DemosExplorer-module__8Iv2-G__front{opacity:0}.DemosExplorer-module__8Iv2-G__dot{transition:none}}