﻿.landing-fab {
            position: fixed;
            top: 3rem;
            right: 1.25rem;
            z-index: 9500;
        }

        .mark {
            background: #FFED4A;
            box-decoration-break: clone;
            -webkit-box-decoration-break: clone;
            padding: 0 .25em;
        }

        @keyframes nbDemoPop {
            0% {
                opacity: 0;
                transform: translateY(12px) scale(.97);
            }

            100% {
                opacity: 1;
                transform: translateY(0) scale(1);
            }
        }

        .demo-row {
            animation: nbDemoPop .45s cubic-bezier(.2, .8, .2, 1) both;
        }

@keyframes tpBlink {

            0%,
            49% {
                opacity: 1;
            }

            50%,
            100% {
                opacity: 0;
            }
        }

        .tp-cursor {
            display: inline-block;
            width: .07em;
            height: .9em;
            vertical-align: -.06em;
            margin-left: .06em;
            background: #FF3D00;
            animation: tpBlink 1s steps(1) infinite;
        }

        @media (max-width: 639px) {
            body.landing-page .nb-container {
                padding-right: 1.5rem;
                padding-left: 1rem;
            }

            body.landing-page #tp-box {
                max-width: calc(100vw - 2.5rem);
                overflow: hidden;
            }
        }
