.perspective-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:2.5rem 0;overflow:hidden;perspective:1200px}.perspective-distant{position:relative;z-index:10;transform:translateY(10px) scale(.8);transform-style:preserve-3d}.perspective-card{width:100%;max-width:400px;user-select:none;transition:transform 1s cubic-bezier(.59,.14,.35,.99);transform:rotateX(0deg) rotateY(0deg);will-change:transform;transform-style:preserve-3d}.perspective-container:hover .perspective-card{transform:rotateX(14deg) rotateY(-30deg)}.perspective-content{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;font-size:12px;line-height:1;overflow-wrap:break-word}.perspective-prompt{display:flex;flex-direction:column;gap:0;font-weight:300;color:#6b6b6b}.perspective-prompt p{margin:0}.perspective-highlight-wrap{display:flex;flex-direction:column;gap:2px;align-items:flex-start;margin-left:-4px}.perspective-striped-line{position:relative;display:inline}.perspective-striped-line>span{position:relative;display:inline-block;padding:1px 3px;font-size:12px;font-weight:300;color:#fff;background:rgba(100,180,255,.45);border-radius:0;box-shadow:none;transition:box-shadow 2s cubic-bezier(.16,1,.3,1),border-radius 2s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1),padding 2s cubic-bezier(.16,1,.3,1);animation:highlight-slide-in 1.8s cubic-bezier(.2,.6,.1,1) both}.perspective-striped-line:first-of-type>span:first-child{animation-delay:.3s}.perspective-striped-line:first-of-type>span:nth-child(2){animation-delay:.5s}.perspective-striped-line:nth-of-type(2)>span{animation-delay:.7s}@keyframes highlight-slide-in{0%{clip-path:inset(0 100% 0 0);filter:blur(4px)}99.9%{clip-path:inset(-50% -50% -50% -50%);filter:blur(0)}to{clip-path:none;filter:blur(0)}}.perspective-container:hover .perspective-striped-line>span{border-radius:4px;box-shadow:inset 0 -12px 16px 0 rgb(130 200 255/4%),inset 0 4px 16px 0 rgba(130,200,255,.1),inset 0 .75px .25px 0 rgb(130 200 255/8%),inset 0 .25px .25px 0 rgba(130,200,255,.2),2px 3.5px 16px 0 rgb(100 180 255/4%),2px 24.5px 14px 0 rgb(100 180 255/4%),2px 11.5px 10px 0 rgba(100,180,255,.1),2px 1.5px 0 .75px rgba(100,180,255,.8),8px 4px 4px 0 rgba(100,180,255,.3);transition-delay:.5s;transform:translate(-8px,-6px)}.perspective-blue{font-style:italic;font-weight:300;color:#fff}.perspective-container:hover .perspective-striped-line>span:first-child{transform:translate(-8px,-5.5px)}.perspective-container:hover .perspective-striped-line>span:last-child:not(:first-child){transform:translate(-8px,-2.5px)}.perspective-rules{display:flex;flex-direction:column;gap:0;font-size:12px;font-weight:300;color:#6b6b6b}.perspective-rules p{padding:1px 0;margin:0;line-height:1.1!important}.perspective-rules-title{margin-bottom:.25rem;color:#555}.perspective-striped-line-sm>span{padding:1px 4px}.perspective-blue-normal{font-weight:300;color:#fff}.pdemo-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:2.5rem 0;overflow:hidden;perspective:1200px}.pdemo-content{gap:.75rem;padding:1rem 1.5rem;font-size:12px;line-height:1;overflow-wrap:break-word}.pdemo-content,.pdemo-prompt{display:flex;flex-direction:column}.pdemo-prompt{gap:0;font-weight:300;color:#6b6b6b}.pdemo-prompt p{margin:0}.pdemo-label{margin-bottom:6px!important;font-family:var(--font-geist);font-size:10px;color:#999}.pdemo-card-one{width:100%;max-width:400px;user-select:none;border-radius:8px;transition:transform 1s cubic-bezier(.59,.14,.35,.99);transform:scale(.8) rotateX(0deg) rotateY(0deg)}.pdemo-container:hover .pdemo-card-one{transform:scale(.8) rotateX(14deg) rotateY(-30deg)}.pdemo-distant{position:relative;z-index:10;transform:translateY(10px) scale(.8);transform-style:preserve-3d}.pdemo-card-two{width:100%;max-width:400px;user-select:none;transition:transform 1s cubic-bezier(.59,.14,.35,.99);transform:rotateX(0deg) rotateY(0deg);will-change:transform;transform-style:preserve-3d}.pdemo-container:hover .pdemo-card-two{transform:rotateX(14deg) rotateY(-30deg)}.pdemo-striped{position:relative;display:inline}.pdemo-blue{position:relative;display:inline-block;padding:1px 3px;font-size:12px;font-style:italic;font-weight:300;color:#fff;background:rgba(100,180,255,.45);border-radius:0;box-shadow:none;transition:box-shadow 2s cubic-bezier(.16,1,.3,1),border-radius 2s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1),padding 2s cubic-bezier(.16,1,.3,1);animation:pdemo-slide-in 1.8s cubic-bezier(.2,.6,.1,1) both}.pdemo-striped:first-of-type>span:first-child{animation-delay:.3s}.pdemo-striped:first-of-type>span:nth-child(2){animation-delay:.5s}@keyframes pdemo-slide-in{0%{clip-path:inset(0 100% 0 0);filter:blur(4px)}99.9%{clip-path:inset(-50% -50% -50% -50%);filter:blur(0)}to{clip-path:none;filter:blur(0)}}.pdemo-hl-wrap:hover .pdemo-blue{border-radius:4px;box-shadow:inset 0 -12px 16px 0 rgb(130 200 255/4%),inset 0 4px 16px 0 rgba(130,200,255,.1),inset 0 .75px .25px 0 rgb(130 200 255/8%),inset 0 .25px .25px 0 rgba(130,200,255,.2),2px 3.5px 16px 0 rgb(100 180 255/4%),2px 24.5px 14px 0 rgb(100 180 255/4%),2px 11.5px 10px 0 rgba(100,180,255,.1),2px 1.5px 0 .75px rgba(100,180,255,.8),8px 4px 4px 0 rgba(100,180,255,.3);transition-delay:.5s;transform:translate(-8px,-6px)}.pdemo-hl-wrap:hover .pdemo-striped>span:first-child{transform:translate(-8px,-5.5px)}.pdemo-hl-wrap:hover .pdemo-striped>span:last-child:not(:first-child){transform:translate(-8px,-2.5px)}.pdemo-perspective-low{perspective:100px}.pdemo-perspective-high{perspective:5000px}.pdemo-distant-flat{position:relative;z-index:10;transform:translateY(10px) scale(.8)}.pdemo-card-y-only{width:100%;max-width:400px;user-select:none;transition:transform 1s cubic-bezier(.59,.14,.35,.99);transform:rotateY(0deg);will-change:transform;transform-style:preserve-3d}.pdemo-container:hover .pdemo-card-y-only{transform:rotateY(-30deg)}.pdemo-card-x-only{width:100%;max-width:400px;user-select:none;transition:transform 1s cubic-bezier(.59,.14,.35,.99);transform:rotateX(0deg);will-change:transform;transform-style:preserve-3d}.pdemo-container:hover .pdemo-card-x-only{transform:rotateX(14deg)}.test-container{display:grid;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);color:#000;border-color:#000;border-width:1px 0 0 1px}.test-coin{display:contents;color:#000}.test-coin>div{position:relative;padding:.75rem;color:#000;border-right:1px solid #000;border-bottom:1px solid #000}.test-tooltip-row{display:none}.test-coin>div:hover .test-tooltip-row{position:absolute;top:0;left:0;z-index:10;display:flex;gap:.5rem;align-items:center;justify-content:center;width:100px;height:100px;padding:20px;color:#fff;background-color:#000;border:1px solid #000}.timer{color:#000}.button1{background-color:#000}.button2{background-color:red}.button3{background-color:gray}