.modal-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:400px;padding:20px}.glass-modal{width:100%;max-width:500px;padding:0;overflow:hidden;background:rgba(50,50,50,.5);backdrop-filter:blur(10px);border-radius:8px;transition:width,height,.3s ease;transform-origin:top center}.glass-modal[data-state=open]{animation:scale-in .2s ease}.glass-modal[data-state=closed]{animation:scale-out .2s ease}.modal-header{padding:20px 20px 0}.header-row{position:relative;gap:16px;margin-bottom:4px}.close-button,.header-row{display:flex;align-items:center}.close-button{position:absolute;left:0;z-index:1;justify-content:center;width:28px;height:28px;color:hsla(0,0%,100%,.7);cursor:pointer;border-radius:8px;transition:all .2s ease}.close-button:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.tab-buttons{display:flex;gap:8px;align-items:center;justify-content:center;width:100%;max-width:fit-content;margin:0 auto;border-radius:12px}.tab-button{padding:6px 14px;font-size:12px;cursor:pointer;border:none;border-radius:8px;outline:none;transition:all .2s ease}.tab-button:hover{color:hsla(0,0%,100%,.9);background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.tab-button.active{background:hsla(0,0%,100%,.1);backdrop-filter:blur(1px)}.navigation-menu-content{position:relative;display:flex;padding:20px;text-align:center;animation-duration:.2s;animation-timing-function:ease}.navigation-menu-content[data-motion=from-start]{animation-name:enter-from-left}.navigation-menu-content[data-motion=from-end]{animation-name:enter-from-right}@keyframes enter-from-right{0%{opacity:0;transform:translateX(200px)}to{opacity:1;transform:translateX(0)}}@keyframes enter-from-left{0%{opacity:0;transform:translateX(-200px)}to{opacity:1;transform:translateX(0)}}@keyframes scale-in{0%{opacity:0;transform:rotateX(-30deg) scale(.9)}to{opacity:1;transform:rotateX(0deg) scale(1)}}@keyframes scale-out{0%{opacity:1;transform:rotateX(0deg) scale(1)}to{opacity:0;transform:rotateX(-10deg) scale(.95)}}.content-wrapper{display:flex;flex-direction:column;justify-content:space-between;height:112px}.content-title{flex-shrink:0;color:#fff}.content-description,.content-title{font-size:12px;text-align:start;transition:all .2s ease}.content-description{min-height:50px;margin:0;line-height:1.4;color:hsla(0,0%,100%,.75)}.content-link-container{position:relative;display:flex;flex-shrink:0;gap:8px;align-items:center;max-width:fit-content;padding-right:20px;margin-top:auto;overflow:visible;border-radius:8px;transition:all .3s ease}.content-link-text{margin-top:10px;color:hsla(0,0%,100%,.5);transition:all .3s ease}.content-link-arrow,.content-link-text:hover{color:hsla(0,0%,100%,.8);transition:all .3s ease}.content-link-arrow{position:absolute;left:-12px;margin-top:10px;font-size:10px;opacity:0}.content-link-container:hover .content-link-text{transform:translateX(18px)}.content-link-container:hover .content-link-arrow{left:2px;opacity:1}.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:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;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}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:40px;background-color:#fff}.button-with-labels{display:grid;grid-template-columns:1fr;gap:16px;place-items:center center;width:100%;max-width:800px;margin:0 auto}@media (width >= 768px){.button-with-labels{grid-template-columns:1fr auto 1fr}}.button-label{font-size:12px;color:rgba(0,0,0,.6);white-space:nowrap}.button-label.left{justify-self:end;width:100%;text-align:right}.button-label.right{justify-self:start;width:100%;margin-left:-1.5px;text-align:left}.button-design{display:inline-flex;align-items:center;justify-self:center;height:20px;padding:16px 12px;font-size:12px;color:#fff;cursor:pointer;border:none;border-radius:12px;perspective:1000px;transform-style:preserve-3d}.button-content-wrapper{display:flex;gap:8px;align-items:center;justify-content:space-between}.stagger-wrapper{width:fit-content}.grid-stack{display:grid;grid-template-columns:1fr}.grid-stack>div{grid-row:1;grid-column:1}.stagger-text{font-size:12px;color:#fff}.stagger-text span{transform-style:preserve-3d;display:inline-block}.twitter-card-custom{color:inherit;text-decoration:none}.twitter-card-custom:hover{text-decoration:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.uniswap-button-container{display:flex;align-items:center;justify-content:center;width:100%;height:500px;background-color:#fff}.uniswap-button-wrapper{width:100%}.uniswap-button{position:relative;z-index:1;display:inline-block;gap:4;padding:12px 24px;font-weight:500;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.5);letter-spacing:.5px;cursor:pointer;background:linear-gradient(rgb(245 13 180/9%),hsla(0,0%,100%,.1)),rgba(245,13,180,.42);border:2px solid rgba(245,13,180,.3);border-radius:12px;box-shadow:inset 0 0 5px rgba(245,13,180,.3),inset 0 35px 30px rgba(245,13,180,.2),0 8px 15px rgba(245,13,180,.4);transition:all .25s ease}.uniswap-button:hover{background:radial-gradient(65.62% 65.62% at 50% 50%,rgba(245,13,180,.32) 0,rgba(245,13,180,0) 100%),linear-gradient(rgba(245,13,180,.12),hsla(0,0%,100%,.1)),rgba(245,13,180,.56);box-shadow:0 8px 25px rgba(255,0,122,.3);box-shadow:inset 0 0 5px rgba(245,13,180,.3),inset 0 35px 30px rgba(245,13,180,.2),0 8px 15px rgba(245,13,180,.4);transform:translateY(-1px);scale:110%}.uniswap-button:active{border:2px solid rgba(245,13,180,.8);box-shadow:inset 0 0 5px rgba(245,13,180,.3),inset 0 35px 30px rgba(245,13,180,.2),0 0 0 rgba(245,13,180,.4);transform:translateY(1px)}