@keyframes shimmer {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -200% 0;
    }
}

.animate-shimmer {
    animation: shimmer 2s linear infinite;
    background: linear-gradient(110deg,#007ACC,45%,#059FFF,55%,#007ACC);
    background-size: 200% 100%;
}

.bg-grid {
    position: absolute;
    inset: 0;
    height: 100%;
    width: 100%;
    background-image: linear-gradient(to right, #80808028 1px, transparent 1px), linear-gradient(to bottom, #80808028 1px, transparent 1px);
    background-size: 30px 30px;
    background-position-x: -16px;
    background-position-y: -3px;
}

.iframe-container {
    height: 400px;
    overflow: hidden;
    border-radius: 0.5rem;
}

@media (width >= 48rem /* 768px */) {
    .iframe-container {
        height: 500px;
    }
}

.mint-relative {
    position: relative
}
.mint-flex {
    display: flex
}
.mint-inline-flex {
    display: inline-flex
}
.mint-w-fit {
    width: fit-content
}
.mint-w-full {
    width: 100%
}
.mint-flex-col {
    flex-direction: column
}
.mint-items-center {
    align-items: center
}
.mint-justify-center {
    justify-content: center
}
.mint-gap-2 {
    gap: 0.5rem
}
.mint-rounded-lg {
    border-radius: 0.5rem
}
.mint-rounded-xl {
    border-radius: 0.75rem
}
.mint-border {
    border-width: 1px
}
.mint-border-none {
    border-style: none
}
.mint-border-zinc-500\/20 {
    border-color: rgb(113 113 122 / 0.2)
}
.mint-bg-\[\#09090B\] {
    --tw-bg-opacity: 1;
    background-color: rgb(9 9 11 / var(--tw-bg-opacity))
}
.mint-p-6 {
    padding: 1.5rem
}
.mint-px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem
}
.mint-py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.mint-font-semibold {
    font-weight: 600
}
.mint-text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.mint-transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.\*\:mint-my-auto > * {
    margin-top: auto;
    margin-bottom: auto
}
.hover\:mint-opacity-95:hover {
    opacity: 0.95
}
.dark\:mint-border-zinc-500\/30:is(.dark *) {
    border-color: rgb(113 113 122 / 0.3)
}

Troubleshooting

How to customize verification message?

Customize the gating verification message in your server.

Customization

Flipsuite

Bring Web3 to Discord and reward your community in ways they'll actually love.

Introduction

Learn how to set up Flipsuite in your server with this step-by-step guide.

Quickstart

Get familiar with Flipsuite's reward system.

Learn how to create reward pools in your community.

Pools

Reward Pools

Learn how to add or generate reward wallets.

Wallets

Reward Wallets

Accumulate rewards and save on transaction fees.

Bank

Learn how to link wallets and socials to your account.

Connections

Credits

Security

Share your community with your team to manage it together, in co-op mode!

Teams

Terms of Service

Privacy Policy

Official Flipsuite API (1.1.1) specification

Getting Started

Modules

Rewards

Flipwallet

Account

Legal

Customization

How to customize verification message?

Troubleshooting

Getting Started

Modules

Rewards

Flipwallet

Account

Legal

​How to customize verification message?

​Troubleshooting

How to customize verification message?

Troubleshooting