body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

::selection {
    background: rgba(33, 66, 231, 0.3);
}

.sticky {
    position: fixed;
}

.hide-banner {
    display: none;
}

.scrolled {
    box-shadow: 0 1px 0 0 rgba(17, 24, 39, .1);
    background-color: rgba(255, 255, 255, 0.88);
}
.tweet_columns:last-child:after {
    content: '';
    height: 40px;
    display: block;
}

@media screen and (max-width: 1240px) {
    .grow_arrow_image._1 {
        left: 32.5vw;
    }

    .grow_arrow_image._2 {
        left: 53vw;
    }

    .image-folder {
        top: 32%;
    }
}

@media screen and (max-width: 980px) {
    .tweet_columns:last-child:after {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .image-folder {
        top: 70px;;
    }
}


@media screen and (max-width: 479px) {
    .image-folder {
        top: 40px;
        right: 20px;
    }
}

.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 700ms;
}

.opacity-0 {
    opacity: 5%;
}

.opacity-100 {
    opacity: 100%;
}

h1, h2, h3, h4, h5, .text-2xl, .text-xl {
    text-wrap: balance;
}

/* sets the bottom border of last list item to transparent - no line */
/* resets last item bottom padding - no extra space */
.list-item-underline:last-of-type {
    border-bottom-color: transparent;
    padding-bottom: unset;
}

/* removes the padding from the top list item - no extra space */
.list-item-underline:first-of-type {
    padding-top: unset;
}

/* makes elements not respond to pointer events - no mouse in designer/live */
.pointer-events-none {
    pointer-events: none;
}

/* makes card bg non-interactive - no designer select and not selectable on publish */
.card-bg-wrapper {
    pointer-events: none;
}

* {
    text-underline-position: under;
}

.w-richtext > :first-child {
    margin-top: 0;
}

.w-richtext > :last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
    margin-bottom: 0;
}

.blog-post_rich-text li,
.showcase_rich-text li {
    background-position: 0 0.3rem;
}

@media screen and (max-width: 767px) {
    .blog-post_rich-text li,
    .showcase_rich-text li {
        background-position: 0 0.35rem;
        background-size: 16px 16px;
    }

    .blog-post_rich-text ul {
        padding-left: 20px !important;
    }

    .showcase_rich-text ul,
    .showcase_rich-text.blog-post_rich-text ul {
        padding: 0px !important;
    }

}


.blog-post_rich-text.showcase_rich-text p {
    padding: 0;
}

.showcase_rich-text ul,
.showcase_rich-text.blog-post_rich-text ul {
    padding: 0px;
}

.blog-post_rich-text ul {
    padding-left: 80px;
}

a {
    color: inherit;
    text-decoration-thickness: 0.05em;
    text-underline-offset: 0.05em;
}

.w-input, .w-select {
    color: inherit;
    text-decoration: inherit;
    font-size: inherit;
}

/* Anims */

.anim-slidefade-speed-1 {
    animation: 800ms ease-out 0s 1 normal backwards running WowCoolNice;
}

.anim-slidefade-speed-2 {
    animation: 1000ms ease-out 300ms 1 normal backwards running WowCoolNice;
}

.anim-slidefade-speed-3 {
    animation: 1000ms ease-out 600ms 1 normal backwards running WowCoolNice;
}

@keyframes WowCoolNice {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    100% {
        opacity: 1;
        transform: none;
    }
}

.anim-fade-speed-1 {
    animation: 1000ms ease-out 2000ms 1 normal backwards running SuperSmooth;
}

@keyframes SuperSmooth {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.new-home-hero_gradient-background {
    -webkit-filter: blur(100px);
    filter: blur(100px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    will-change: transform;
    animation: 1000ms ease-out 600ms infinite alwaysOn;
}

@keyframes alwaysOn {
    0% {
        -webkit-filter: blur(100px);
        filter: blur(100px);
    }
    100% {
        -webkit-filter: blur(101px);
        filter: blur(101px);
    }
}

.bg-gradient-move {
    -webkit-filter: blur(150px);
    filter: blur(150px);
    transform: translate3d(0, 0, 0);
}

.gradient-growth-footer {
    -webkit-filter: blur(200px);
    filter: blur(200px);
    transform: translate3d(0, 0, 0);
}

.arrow-link:hover .arrow-link-icon {
    transform: translateX(6px);
}

.card-new {
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
}

.new-home-hero_gradients-wrapper,
.new-home-hero_gradient-bavkground,
.arcade-shadow,
.external-border,
.arcade-pointer,
.elevate-gradient {
    user-select: none;
}


.mini-banner:before {
    top: -700%;
    right: -700%;
    bottom: -700%;
    left: -700%;
    content: "";
    position: absolute;
    background-image: conic-gradient(from 286deg at 50% 50%, #120F94FF 1%, #2142E7 16%, #03B5EDFF 34%, #EA12AD 50%, #03B5EDFF 63%, #2142E7FF 81%, #120F94FF 100%);
    animation: gradientloop 5s linear infinite;

}

@keyframes gradientloop {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.mini-banner:hover .mini-banner-icon-wrapper {
    background-color: rgba(255, 255, 255, 0.16);
}


.mini-banner:hover .mini-banner-text {
    color: rgba(255, 255, 255, 1);
}

.mini-banner .mini-banner-inner {
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.mini-banner:hover .mini-banner-inner {
    background-color: rgba(255, 255, 255, 0.1);
}

.mini-banner:hover .mini-banner-icon {
    transform: translate3d(24px, 0, 0);
}

.mini-banner:hover .mini-banner-icon.icon-1 {
    opacity: 1;
}

.mini-banner:hover .mini-banner-icon.icon-2 {
    opacity: 0;
}

/* creates outline effect on large growth stat numbers */
/* Used in place of outline because fonts are variable and show inside curve paths */
.new-grow-stats_text-big {
    text-shadow: 0 1px 0.5px white,
    -1px 0 0.5px white,
    1px 0 0.5px white,
    0 -1px 0.5px white,
    -1px -1px 0.5px white,
    1px 1px 0.5px white,
    1px -1px 0.5px white,
    -1px 1px 0.5px white;
    will-change: transform; /* force gpu render - mobile display fix */
}

video {
    clip-path: inset(1px 1px);
}

/* Snippets for Landscape and Portrait breakpoints */
@media screen and (max-width: 991px) {
    /* Overides stuck styling on column children */
    .tweet-card {
        display: block !important;
    }

    /* Snippet limits Twitter cards to 5 on mobile breakpoints */
    .tweet_item:nth-child(n + 6) {
        display: none !important;
    }

    /* Snippet limits Showcase Company Small Logo's to 3 on mobile breakpoints */
    .use-case_team-image-wrapper:nth-child(n+4) {
        display: none;
    }
}

@media screen and (max-width: 714px) {
    /* Mobile size change */
    #home-new-arcade {
        padding-bottom: calc(63.75661375661375% + 41px) !important;
    }

    #bottom-arcade {
        padding-bottom: calc(70.73791348600508% + 41px) !important;
    }
}

@media screen and (max-width: 540px) {
    /* Mobile size change */
    #home-new-arcade {
        padding-bottom: calc(63.75661375661375% + 41px) !important;
    }
}

@media screen and (max-width: 640px) {
    #bottom-arcade {
        padding-bottom: calc(70.73791348600508% + 41px) !important;
    }
}