@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.seo-revolution-sit {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.seo-revolution-sit>div {
    width: 100%;
}

.seo-revolution-sit textarea {
    font-family: "Untitled Sans";
    width: 100%;
    resize: none;
    border-radius: var(--radius-s);
    outline: none;
    padding: var(--space-xs) var(--space-s);
    line-height: 1.5;
    display: flex;
    border: 1px solid #ccc;
    height: 34rem;
}

.seo-revolution-sit textarea::placeholder {
    color: #9D9D9D;
    font-size: var(--text-s);
}

.seo-revolution-sit span.tooltip {
    display: flex;
    align-items: flex-end;
}

.seo-revolution-sit span.tooltip .icon {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    margin-top: 10px;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgdmlld0JveD0iMCAwIDIxIDIxIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTkwIC0xNDQ2KSI+PGNpcmNsZSBjeD0iMTAuNSIgY3k9IjEwLjUiIHI9IjEwLjUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5MCAxNDQ2KSIgZmlsbD0icmdiYSgxOTYsMTk2LDE5NiwwLjM4KSIvPjx0ZXh0IHRyYW5zZm9ybT0idHJhbnNsYXRlKDU5OCAxNDYwKSIgZmlsbD0iIzdhN2E3YSIgZm9udC1zaXplPSIxMCIgZm9udC1mYW1pbHk9Ik11bGktUmVndWxhciwgTXVsaSI+PHRzcGFuIHg9IjAiIHk9IjAiPj88L3RzcGFuPjwvdGV4dD48L2c+PC9zdmc+) center/cover
}

.seo-revolution-sit span.tooltip .tooltip-text {
    width: max-content;
    max-width: 300px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    bottom: 100%;
    left: 50%;
    background-color: #fff;
    border: 1px #00a1ed solid;
    padding: 12px;
    border-radius: 5px;
    font-size: 11px;
    line-height: 1.25;
    letter-spacing: 1px;
    color: #707070
}

.seo-revolution-sit span.tooltip:hover .tooltip-text {
    visibility: visible;
    animation: fadeIn .6s ease-in-out;
    animation-fill-mode: forwards;
    transform: translateX(-50%)
}

.seo-revolution-sit form.sit {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: .5;
    pointer-events: none
}

.seo-revolution-sit form.sit.active {
    opacity: 1;
    pointer-events: all
}

.seo-revolution-sit form.sit .hint_wrapper {
    display: flex;
}

.seo-revolution-sit form.sit .hint_wrapper p{
    display: none;
}


.seo-revolution-sit .first_step.hidden {
    display: none
}

.seo-revolution-sit button[type=submit]{
    margin-top: var(--space-m);
}

.seo-revolution-sit button[type=submit],
.seo-revolution-sit .sit-btn {
    position: relative;
    overflow: hidden;
    font-family: "switzer";
    isolation: isolate;
    color: var(--menu-cta-clr);
    background-color: var(--menu-cta-bg);
    border-radius: var(--menu-cta-radius) !important;
    padding-inline: var(--menu-cta-inline-padding) !important;
    padding-block: var(--menu-cta-block-padding) !important;
    border: var(--menu-cta-border);
    font-weight: var(--menu-item-font-weight);
    font-size: var(--menu-item-font-size);
    margin-left: auto;
    width: fit-content;

    &::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--gradient);
        z-index: -1;
        transition: opacity 0.6s ease-in-out;
    }

    &::after {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--gradient-hover);
        z-index: -1;
        opacity: 0;
        transition: opacity 0.6s ease-in-out;
    }
}

.seo-revolution-sit button[type=submit]:hover::before,
.seo-revolution-sit .sit-btn:hover::before {
    opacity: 0;
}

.seo-revolution-sit button[type=submit]:hover::after,
.seo-revolution-sit .sit-btn:hover::after {
    opacity: 1;
}

.seo-revolution-sit button.csv-download {
    display: flex;
    align-items: center
}

.seo-revolution-sit button.csv-download::before {
    content: "";
    background: var(--gradient); 
    transition: .3s all
}

.seo-revolution-sit button.csv-download.rotating::before {
    margin-right: 10px;
    animation: rotate 1s linear infinite
}

.seo-revolution-sit button.back {
    border: 1px var(--primary) solid;
    font-family: "Untitled Sans";
    line-height: 1;
    color: var(--primary);
    background-color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: var(--menu-cta-radius) !important;
    padding-inline: var(--menu-cta-inline-padding) !important;
    padding-block: var(--menu-cta-block-padding) !important;
    font-weight: var(--menu-item-font-weight);
    font-size: var(--menu-item-font-size);
    width: fit-content;
}

.seo-revolution-sit button.back::before {
    --size: 14px;
    content: "";
    width: var(--size);
    height: var(--size);
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxNCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuODc1IDcuNUgxMC41IiBzdHJva2U9IiMwMDJGODIiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPHBhdGggZD0iTTAuODc1IDcuNUw0LjU4NzMxIDExLjIxMjMiIHN0cm9rZT0iIzAwMkY4MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBkPSJNMC44NzUgNy41TDQuNTg3MzEgMy43ODc2OSIgc3Ryb2tlPSIjMDAyRjgyIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=") no-repeat center;
    background-size: contain;
    transition: .3s
}

.seo-revolution-sit button.back:hover::before {
    transform: translateX(5px)
}

.seo-revolution-sit .textarea_wrapper {
    position: relative;
    display: flex
}

.seo-revolution-sit .textarea_wrapper .request_count_wrapper {
    position: absolute;
    bottom: 10px;
    right: 10px;
    font-size: 15px;
    line-height: 1;
    color: #aeaeae;
    display: flex;
    align-items: flex-end;
    line-height: 1;
    gap: 10px
}

.seo-revolution-sit .textarea_wrapper .request_count_wrapper .tooltip {
    position: relative;
    top: 4px
}

.seo-revolution-sit .sit_results {
    display: none;
    opacity: 0;
    transition: .3s all;
    width: 100%
}

.seo-revolution-sit .sit_results.loading {
    --margin: 60px;
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIHZpZXdCb3g9IjAgMCA1MCA1MCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8Y2lyY2xlIGN4PSIyNSIgY3k9IjI1IiByPSIyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMDAyQjdGIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWRhc2hhcnJheT0iMzEuNDE1IDMxLjQxNSIgb3BhY2l0eT0iMC4yIi8+CiAgPGNpcmNsZSBjeD0iMjUiIGN5PSIyNSIgcj0iMjAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMkI3RiIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjMxLjQxNSAzMS40MTUiPgogICAgPGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC44cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4KICA8L2NpcmNsZT4KPC9zdmc+") no-repeat center;
    background-size: calc(100px - var(--margin));
    background-position: center var(--margin);
    animation: fadeIn 2s;
    animation-fill-mode: forwards
}

.seo-revolution-sit .sit_results.loading::before {
    content: "Loading... and doing some back-end magic..."
}

.seo-revolution-sit .sit_results.loaded {
    opacity: 0;
    width: 100%;
    display: flex;
    animation: fadeIn 2s;
    animation-fill-mode: forwards;
    padding: var(--space-xs) var(--space-s);
}

.seo-revolution-sit .sit_results .sit_results_wrapper {
    display: flex;
    flex-direction: column;
    width: 100%
}

.seo-revolution-sit .sit_results .sit_results_wrapper .headlines {
    display: grid;
    grid-template-columns: 220px 1fr;
    margin-bottom: var(--space-m);
    gap: var(--grid-gap);
}

@media(max-width: 768px) {
    .seo-revolution-sit .sit_results .sit_results_wrapper .headlines {
        display: none
    }
}

.seo-revolution-sit .sit_results .sit_results_wrapper .headline {
    font-style: normal;
    font-weight: 400;
    font-size: var(--text-m);
    line-height: 25px;
    color: #6D6F72;
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line {
    display: grid;
    grid-template-columns: 220px 1fr;
    border-bottom: 1px #ccc solid;
    padding-bottom: 10px;
    gap: var(--grid-gap);
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line:not(:first-child) {
    padding-top: 10px
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .keyword {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .02em;
    color: #002f82
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention {
    align-self: end;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 10px
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span {
    border-radius: 6px;
    color: #fff;
    padding: 5px 8px;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
    font-family: "Switzer";
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span.local {
    background-color: #faff07;
    color: #002f82
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span.transactional {
    background-color: #92a3ff
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span.informational {
    background-color: #08be05
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span.commercial {
    background-color: #fc9999
}

.seo-revolution-sit .sit_results .sit_results_wrapper .results .line .intention span.navigational {
    background-color: #f0b04f
}

@media(max-width: 768px) {
    .seo-revolution-sit .sit_results .sit_results_wrapper .results .line {
        grid-template-columns: 1fr;
        gap: 15px
    }
}

@media(max-width: 991px) {
    .seo-revolution-sit .sit_results .sit_results_wrapper {
        flex-direction: column;
        gap: 20px
    }
}

.seo-revolution-sit .sit_results .results-btn-wrapper {
    display: flex;
    justify-content: space-between;
    gap: var(--grid-gap);
    flex-wrap: wrap;
    margin-top: var(--space-m);
}

@keyframes showModal {
    0% {
        opacity: 0;
        transform: translateY(100vh)
    }

    90% {
        transform: translateY(-50px)
    }

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

.seo-revolution-sit .seo-revolution-sit-need-more--modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: auto;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    padding: 20px;
    overflow: hidden
}

.seo-revolution-sit .seo-revolution-sit-need-more--modal .seo-revolution-sit--modal-content {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    max-width: 680px;
    border-radius: 20px
}

.seo-revolution-sit .seo-revolution-sit-need-more--modal p.hint {
    font-size: 14px;
    line-height: 17px;
    color: #a7a7a7
}

.seo-revolution-sit .seo-revolution-sit-need-more--modal.active {
    opacity: 1;
    visibility: visible
}

.seo-revolution-sit .seo-revolution-sit-need-more--modal.active .seo-revolution-sit--modal-content {
    background: #fff;
    padding: 25px 30px;
    animation: showModal .3s ease-in-out;
    animation-fill-mode: forwards;
    animation-delay: .3s
}

.seo-revolution-sit .seo-revolution-sit-need-more--modal .seo-revolution-sit--modal-heading {
    margin: 0;
    font-family: "Untitled Sans";
    font-style: normal;
    font-weight: 700;
    font-size: clamp(16px, 10.31px + 13.56vw, 32px);
    line-height: 1.25;
    color: #1c1c1c
}