@-webkit-keyframes product {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    10% {
        transform: scale(1.015);
        opacity: 1;
    }
    20% {
        opacity: 1;
        transform: scale(1);
    }
    95% {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.8);
        opacity: 0;
    }
}
@keyframes product {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }
    10% {
        transform: scale(1.015);
        opacity: 1;
    }
    20% {
        opacity: 1;
        transform: scale(1);
    }
    95% {
        transform: scale(1);
        opacity: 1;
    }
    to {
        transform: scale(0.8);
        opacity: 0;
    }
}
@-webkit-keyframes transaction {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    10% {
        opacity: 0;
        transform: translateY(100px);
    }
    15% {
        opacity: 1;
        transform: translateY(0);
    }
    95% {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100px);
        opacity: 0;
    }
}
@keyframes transaction {
    0% {
        opacity: 0;
        transform: translateY(100px);
    }
    10% {
        opacity: 0;
        transform: translateY(100px);
    }
    15% {
        opacity: 1;
        transform: translateY(0);
    }
    95% {
        transform: translateY(0);
        opacity: 1;
    }
    to {
        transform: translateY(-100px);
        opacity: 0;
    }
}
.home-new-page .masthead,
.homepage-page .masthead {
    background-color: transparent;
    position: relative;
    padding: 1rem 0 0;
    z-index: 2;
}
@media (max-width: 991.98px) {
    .home-new-page .masthead,
    .homepage-page .masthead {
        padding: 2rem 0 0;
    }
}
.home-new-page .masthead .ctas,
.homepage-page .masthead .ctas {
    display: inline-flex;
    flex-wrap: wrap;
}
.home-new-page .masthead .ctas a,
.homepage-page .masthead .ctas a {
    margin: 0 0.5rem 0.5rem 0;
}
@media (max-width: 767.98px) {
    .home-new-page .masthead .ctas,
    .homepage-page .masthead .ctas {
        flex-wrap: inherit;
    }
    .home-new-page .masthead .ctas a:nth-child(2),
    .homepage-page .masthead .ctas a:nth-child(2) {
        margin-right: 0;
    }
    .home-new-page .masthead .ctas img,
    .homepage-page .masthead .ctas img {
        height: auto;
    }
}
.home-new-page .masthead .product-img,
.homepage-page .masthead .product-img {
    position: relative;
}
.home-new-page .masthead .product-img img,
.homepage-page .masthead .product-img img {
    z-index: 1;
    position: relative;
    width: 100%;
    height: 100%;
}
.home-new-page .masthead .product-img .transaction-wrapper,
.homepage-page .masthead .product-img .transaction-wrapper {
    display: none !important;
}
.home-new-page .masthead .product-img .transaction-wrapper.is-active,
.homepage-page .masthead .product-img .transaction-wrapper.is-active {
    display: block !important;
}
.home-new-page .masthead .product-img .transaction-wrapper.is-active img:first-child,
.homepage-page .masthead .product-img .transaction-wrapper.is-active img:first-child {
    -webkit-animation: transaction 6s 1;
    animation: transaction 6s 1;
}
.home-new-page .masthead .product-img .transaction-wrapper.is-active img:last-child,
.homepage-page .masthead .product-img .transaction-wrapper.is-active img:last-child {
    -webkit-animation: product 6s 1;
    animation: product 6s 1;
}
.home-new-page .masthead .product-img .you-earned,
.homepage-page .masthead .product-img .you-earned {
    z-index: 2;
    bottom: 10%;
}
@media (max-width: 991.98px) {
    .home-new-page .masthead .product-img .you-earned,
    .homepage-page .masthead .product-img .you-earned {
        margin-bottom: -100px;
        bottom: 5%;
    }
}
.home-new-page .masthead .product-img .bg,
.home-new-page .masthead .product-img .you-earned,
.homepage-page .masthead .product-img .bg,
.homepage-page .masthead .product-img .you-earned {
    position: absolute;
    width: calc(100% - 2rem);
    left: 1rem;
}
.home-new-page .masthead .product-img .bg,
.homepage-page .masthead .product-img .bg {
    z-index: 0;
    top: 0;
}
.home-new-page .press h6,
.homepage-page .press h6 {
    opacity: 0.3;
}
.home-new-page .press .press-grid,
.homepage-page .press .press-grid {
    display: flex;
    max-width: 780px;
    margin: auto;
}
.home-new-page .press .press-grid a,
.homepage-page .press .press-grid a {
    flex: 1;
}
.home-new-page .press .press-grid a svg,
.homepage-page .press .press-grid a svg {
    transition: all 0.15s ease;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.2;
}
.home-new-page .press .press-grid a:hover svg,
.homepage-page .press .press-grid a:hover svg {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1;
}
.home-new-page .how-it-works,
.homepage-page .how-it-works {
    background-color: #2b2969;
    background-image: url(../images/home-new/angles/how-angle-top-right-e9545a88e1.svg);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background-size: 80%;
    position: relative;
    z-index: 1;
    color: #fff;
    counter-reset: card;
}
.home-new-page .how-it-works:after,
.homepage-page .how-it-works:after {
    background: inherit;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    transform: skewY(-4deg);
    transform-origin: 100%;
}
@media (min-width: 768px) {
    .home-new-page .how-it-works,
    .homepage-page .how-it-works {
        background-size: 40%;
    }
}
.home-new-page .how-it-works:after,
.homepage-page .how-it-works:after {
    background: #2b2969;
    background-image: url(../images/home-new/angles/how-angle-bottom-left-f19b05611c.svg);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 140px;
}
@media (min-width: 768px) {
    .home-new-page .how-it-works:after,
    .homepage-page .how-it-works:after {
        background-size: 350px;
    }
}
.home-new-page .how-it-works .card-grid,
.homepage-page .how-it-works .card-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 48px 12px;
}
@media (min-width: 576px) {
    .home-new-page .how-it-works .card-grid,
    .homepage-page .how-it-works .card-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (min-width: 992px) {
    .home-new-page .how-it-works .card-grid,
    .homepage-page .how-it-works .card-grid {
        grid-template-columns: repeat(4, 1fr);
    }
}
.home-new-page .how-it-works .card,
.homepage-page .how-it-works .card {
    opacity: 0;
    border-radius: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    position: relative;
    color: #201b2c;
}
.home-new-page .how-it-works .card a,
.homepage-page .how-it-works .card a {
    text-decoration: none;
    color: inherit;
}
.home-new-page .how-it-works .card:before,
.homepage-page .how-it-works .card:before {
    counter-increment: card;
    content: counter(card);
    width: 58px;
    height: 58px;
    border-radius: 29px;
    border: 3px solid #fa2e53;
    background-color: #fff;
    color: #fa2e53;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -29px;
    margin: auto;
}
.home-new-page .how-it-works .ctas,
.homepage-page .how-it-works .ctas {
    justify-content: center;
    display: inline-flex;
    flex-wrap: wrap;
}
.home-new-page .how-it-works .ctas a,
.homepage-page .how-it-works .ctas a {
    margin: 0 5px 5px 0;
}
.home-new-page .shop-brands,
.homepage-page .shop-brands {
    background-color: #fff;
    position: relative;
    z-index: 1;
    z-index: 2;
}
.home-new-page .shop-brands:before,
.homepage-page .shop-brands:before {
    top: 0;
    transform: skewY(-4deg);
    transform-origin: 0 0;
}
.home-new-page .shop-brands:after,
.home-new-page .shop-brands:before,
.homepage-page .shop-brands:after,
.homepage-page .shop-brands:before {
    background: inherit;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
}
.home-new-page .shop-brands:after,
.homepage-page .shop-brands:after {
    bottom: 0;
    transform: skewY(-4deg);
    transform-origin: 100%;
}
.home-new-page .shop-brands:before,
.homepage-page .shop-brands:before {
    background-image: url(../images/home-new/angles/shop-brands-angle-top-right-sm-b624a3f746.svg);
    background-size: 300px;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .home-new-page .shop-brands:before,
    .homepage-page .shop-brands:before {
        background-image: url(../images/home-new/angles/shop-brands-angle-top-right-25a03e9b9d.svg);
        background-size: 800px;
    }
}
.home-new-page .shop-brands:after,
.homepage-page .shop-brands:after {
    background-image: url(../images/home-new/angles/shop-brands-angle-bottom-left-c146fc9832.svg);
    background-size: 300px;
    background-position: 0 100%;
    background-repeat: no-repeat;
}
@media (min-width: 768px) {
    .home-new-page .shop-brands:after,
    .homepage-page .shop-brands:after {
        background-size: 500px;
    }
}
.home-new-page .shop-brands .shop-list,
.homepage-page .shop-brands .shop-list {
    display: grid;
    grid-template-columns: auto auto auto;
    padding: 1rem;
}
.home-new-page .shop-brands .shop-list svg,
.homepage-page .shop-brands .shop-list svg {
    width: 100%;
}
.home-new-page .shop-brands p,
.homepage-page .shop-brands p {
    font-family: Montserrat;
    font-size: 15px;
    font-size: 0.9375rem;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
}
.home-new-page .shop-brands .rewarded,
.homepage-page .shop-brands .rewarded {
    background: -webkit-linear-gradient(1turn, #ffd400 20%, #ff1abb 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
    font-size: 14vmin;
}
@media (min-width: 768px) {
    .home-new-page .shop-brands .shop-list,
    .homepage-page .shop-brands .shop-list {
        grid-template-columns: auto auto auto auto auto;
        grid-gap: 1.5rem;
    }
    .home-new-page .shop-brands .rewarded,
    .homepage-page .shop-brands .rewarded {
        font-size: 7em;
    }
}
.home-new-page .cta,
.homepage-page .cta {
    background-color: #6500c9;
    background-image: url(../images/home-new/angles/cta-angle-top-right-9999fe5cec.svg);
    background-size: 80%;
    background-position: 100% 0;
    background-repeat: no-repeat;
    color: #fff;
    position: relative;
    z-index: 1;
    padding-bottom: 5rem;
}
.home-new-page .cta:after,
.homepage-page .cta:after {
    background: inherit;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-backface-visibility: hidden;
    bottom: 0;
    transform: skewY(4deg);
    transform-origin: 0 100%;
}
@media (max-width: 991.98px) {
    .home-new-page .cta,
    .homepage-page .cta {
        background-size: 100%, cover;
    }
}
.home-new-page .cta:after,
.homepage-page .cta:after {
    background: #6500c9;
}
.home-new-page .cta .ctas,
.homepage-page .cta .ctas {
    justify-content: center;
    display: inline-flex;
    flex-wrap: wrap;
}
.home-new-page .cta .ctas a,
.homepage-page .cta .ctas a {
    margin: 0 0.5rem 0.5rem 0;
}
@media (max-width: 767.98px) {
    .home-new-page .cta .ctas,
    .homepage-page .cta .ctas {
        flex-wrap: inherit;
    }
    .home-new-page .cta .ctas a:nth-child(2),
    .homepage-page .cta .ctas a:nth-child(2) {
        margin-right: 0;
    }
    .home-new-page .cta .ctas img,
    .homepage-page .cta .ctas img {
        height: auto;
    }
}
.labs-page h1.title {
    background: linear-gradient(270deg, #ff1abb, #6500c9, #2b2969, #0ff, #17e579, #ffd400, #ff8971, #fa2e53);
    background-size: 1600% 1600%;
    -webkit-animation: AnimationName 25s ease infinite;
    animation: AnimationName 25s ease infinite;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: auto;
    font-weight: 800;
}
.labs-page .card {
    border-radius: 20px;
    overflow: hidden;
    height: 100%;
}
.labs-page .card .card-body {
    display: flex;
    flex-direction: column;
}
.labs-page .card .card-body .navigation nav a,
.labs-page .card .card-body h4,
.navigation nav .labs-page .card .card-body a {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-bottom: 1rem;
}
.labs-page .card .card-body a {
    font-weight: 700;
    margin-top: auto;
    margin-bottom: 0.8rem;
}
@-webkit-keyframes AnimationName {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
@keyframes AnimationName {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    to {
        background-position: 0 50%;
    }
}
@media (max-width: 991.98px) {
    html {
        font-size: 90%;
    }
}
body {
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1rem;
}
.producthunt-badge {
    position: absolute;
    top: 7.5rem;
    left: 0;
    right: 0;
    z-index: 100;
    width: 250px;
    margin: auto;
}
@media (max-width: 767.98px) {
    .producthunt-badge {
        top: 5.5rem;
    }
}