@font-face

{

    font-family: "Montserrat";

    font-style: normal;

    font-weight: 400;

    src: url(../font/Montserrat-Regular.woff);

}

@font-face

{

    font-family: "Montserrat";

    font-style: normal;

    font-weight: 700;

    src: url(../font/Montserrat-Bold.woff);

}

.ta-campaign-plugin__admin .input-group

{

    margin-bottom: .75rem!important;

}

.ta-campaign-plugin__admin .input-group label

{

    display: block;

    font-weight: bold;

    margin-bottom: .5rem;

}

.ta-campaign-plugin__admin .input-group input, .ta-campaign-plugin__admin .input-group textarea

{

    border-radius: 6px;

    box-shadow: 0 1px 2px rgba(16,24,40,.1);

    font-size: 1rem;

    width: 100%;

}

.ta-campaign-plugin__admin .input-group input

{

    height: 40px;

}

.ta-campaign-plugin__admin .input-group textarea

{

    min-height: 200px;

}

.ta-campaign-plugin__admin .input-group__validation-error

{

    color: #d62828;

    font-size: .75rem;

    line-height: 1rem;

    margin-top: .5rem;

}

.ta-campaign-plugin__admin__sidebar h4

{

    margin: 0;

    padding: 0;

}

.ta-campaign-plugin__admin__sidebar .click-to-copy

{

    align-items: center;

    background: rgba(16,24,40,.05);

    border: 1px solid rgba(16,24,40,.2);

    border-radius: 5px;

    display: flex;

    justify-content: space-between;

    padding: .5rem;

    position: relative;

}

.ta-campaign-plugin__admin__sidebar .click-to-copy:hover

{

    background: rgba(16,24,40,.15);

    cursor: pointer;

}

.ta-campaign-plugin__admin button

{

    border-radius: 6px!important;

    padding: 6px 16px!important;

}

@media screen and (min-width: 1024px)

{

    .ta-campaign-plugin__admin .fields--grid

    {

        display: grid;

        gap: 10px;

        grid-auto-rows: minmax(1rem,auto);

        grid-template-columns: repeat(2,1fr);

    }

}

.ta-campaign-plugin__admin .inside

{

    padding: 1rem 1.5rem;

}

.ta-campaign-plugin__admin .postbox

{

    border-radius: 15px;

    overflow: hidden;

}

.ta-campaign-plugin__admin .postbox__header

{

    border-bottom: 1px solid rgba(16,24,40,.1);

    padding: 1.25rem 1.5rem;

}

.ta-campaign-plugin__admin .postbox__header h2

{

    font-size: 1rem!important;

    font-weight: normal;

    margin: 0!important;

    padding: 0!important;

}

.ta-campaign-plugin__admin #json-data

{

    margin: -1rem -1.5rem;

    max-height: 500px;

    min-height: 1.75vh;

    overflow: scroll;

    padding: 1rem 1.5rem;

}

.ta-campaign-plugin__admin #json-data .json-item

{

    position: relative;

}

.ta-campaign-plugin__admin #json-data .json-item i

{

    left: -1rem;

    position: absolute;

}

.ta-campaign-plugin__admin #json-data .json-key

{

    font-weight: 700;

}

.ta-campaign-plugin__admin .caret:before

{

    display: inline-block;

    font-style: normal;

    margin-right: .25rem;

}

.ta-campaign-plugin__admin .caret.open:before

{

    content: "▼";

}

.ta-campaign-plugin__admin .caret.closed:before

{

    content: "▶";

    font-size: .8rem;

}

.ta-campaign-plugin__admin .w-5

{

    width: 1.25rem!important;

}

.ta-campaign-plugin__admin .w-44

{

    width: 11rem;

}

.ta-campaign-plugin__admin .w-full

{

    width: 100%!important;

}

.ta-campaign-plugin__admin .flex

{

    display: flex!important;

}

.ta-campaign-plugin__admin .items-center

{

    align-items: center!important;

}

.ta-campaign-plugin__admin .justify-between

{

    justify-content: space-between!important;

}

.ta-campaign-plugin__admin .justify-end

{

    justify-content: flex-end!important;

}

.ta-campaign-plugin__admin .pb-4

{

    padding-bottom: 1rem!important;

}

.ta-campaign-plugin__admin .pb-2

{

    padding-bottom: .5rem!important;

}

.ta-campaign-plugin__admin .mb-8

{

    margin-bottom: 2rem!important;

}

.ta-campaign-plugin__admin .mb-4

{

    margin-bottom: 1rem!important;

}

.ta-campaign-plugin__admin .mb-2

{

    margin-bottom: .5rem!important;

}

.ta-campaign-plugin__admin .mr-2

{

    margin-right: .5rem!important;

}

.ta-campaign-plugin__admin .mr-1

{

    margin-right: .25rem!important;

}

.ta-campaign-plugin__admin .mt-0

{

    margin-top: 0!important;

}

.ta-campaign-plugin__admin__preview__devtools

{

    background: #fff;

    border-bottom: 1px solid;

    border-left: 1px solid;

    border-radius: 0 0 0 8px;

    box-shadow: 0 8px 24px hsla(210,8%,62%,.2);

    margin-top: -6px;

    opacity: .9;

    padding: .25rem .5rem;

    position: absolute;

    right: 0;

    top: 0;

}

.ta-campaign-plugin__admin__preview__devtools h5

{

    border-bottom: 1px solid;

    margin-bottom: .5rem;

    margin-top: 0;

    padding-bottom: .5rem;

}

#ta-campaign-plugin-toast-wrapper

{

    margin-right: 10px;

    margin-top: 40px;

    position: fixed;

    right: 0;

    top: 0;

    z-index: 1000;

}

#ta-campaign-plugin-toast-wrapper .toast

{

    border: 1px solid;

    border-radius: 5px;

    margin-top: .5rem;

    padding: 1rem;

    transition: opacity .3s ease-in-out;

    width: 300px;

}

#ta-campaign-plugin-toast-wrapper .toast-success

{

    background: #def7ec;

    border-color: #0e9f6e;

    color: #0e9f6e;

}

#ta-campaign-plugin-toast-wrapper .toast-danger

{

    background: #fde8e8;

    border-color: #f05252;

    color: #f05252;

}

.ta-campaign-widget__button:before

{

    z-index: 0!important;

}

.ta-campaign-widget

{

    align-items: center;

    border: 1px solid #cbd5e1;

    border-radius: 12px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    overflow: hidden;

    padding: 2rem;

    position: relative;

}

.ta-campaign-widget *

{

    font-family: "Montserrat","Roboto","sans-serif"!important;

}

.ta-campaign-widget__tagline

{

    font-weight: 600!important;

}

.ta-campaign-widget__subtagline

{

    font-weight: 400!important;

}

.ta-campaign-widget__content

{

    font-size: 18px;

}

.ta-campaign-widget__wrapper

{

    transition: max-height 2s,opacity 1s;

    width: 100%;

}

.ta-campaign-widget__input

{

    display: flex;

    flex-direction: column;

}

.ta-campaign-widget__input__text

{

    border: 1px solid #cbd5e1!important;

    border-radius: 5px!important;

    font-size: 13px!important;

    line-height: normal;

    padding: 1rem .75rem!important;

}

.ta-campaign-widget__checkbox__label

{

    font-size: .75rem;

}

.ta-campaign-widget__checkbox__input

{

    margin-right: .75rem;

}

.ta-campaign-widget__button

{

    align-items: center;

    background: var(--ta-campaign-plugin-primary);

    border: none;

    border-radius: 5px;

    color: var(--ta-campaign-plugin-button-text);

    cursor: pointer;

    display: flex;

    font-size: 1rem;

    font-weight: 600;

    justify-content: center;

    padding: 1rem 0;

    transition: .2s ease;

    width: 100%;

}

.ta-campaign-widget__button:hover

{

    background: var(--ta-campaign-plugin-button-hover-background);

    color: var(--ta-campaign-plugin-button-hover-text);

}

.ta-campaign-widget__button--toggle

{

    background: none;

    color: var(--ta-campaign-plugin-button-toggle-text);

    position: relative;

    transition: .2s ease;

}

.ta-campaign-widget__button--toggle:before

{

    background: var(--ta-campaign-plugin-button-toggle-background)!important;

    border-radius: 5px;

    content: " ";

    height: 100%;

    left: 0;

    opacity: .5;

    position: absolute;

    top: 0;

    width: 100%;

    z-index: -1;

}

.ta-campaign-widget__button--toggle:hover

{

    background: none;

    color: var(--ta-campaign-plugin-button-toggle-text);

    cursor: not-allowed;

}

.ta-campaign-widget__validation-error

{

    color: #d62828;

}

.ta-campaign-widget__invalid-border

{

    border-color: #d62828;

}

.ta-campaign-widget h1, .ta-campaign-widget h2, .ta-campaign-widget h3, .ta-campaign-widget h4, .ta-campaign-widget h5, .ta-campaign-widget p

{

    margin: 0!important;

    padding: 0!important;

}

.ta-campaign-widget h3

{

    font-size: 1.75rem;

    line-height: 2.5rem;

}

.ta-campaign-widget .ta-campaign-widget__validation-error, .ta-campaign-widget .text-xs

{

    font-size: .75rem;

    line-height: 1rem;

}

.ta-campaign-widget .mb-2

{

    margin-bottom: .5rem!important;

}

.ta-campaign-widget .mt-2, .ta-campaign-widget .ta-campaign-widget__validation-error

{

    margin-top: .5rem!important;

}

.ta-campaign-widget .mr-2

{

    margin-right: .5rem!important;

}

.ta-campaign-widget .mt-4

{

    margin-top: 1rem!important;

}

.ta-campaign-widget .mt-6

{

    margin-top: 1.5rem!important;

}

.ta-campaign-widget .mb-6

{

    margin-bottom: 1.5rem!important;

}

.ta-campaign-widget .mb-4

{

    margin-bottom: 1rem!important;

}

.ta-campaign-widget .mb-8

{

    margin-bottom: 2rem!important;

}

.ta-campaign-widget .flex

{

    display: flex;

}

.ta-campaign-widget .flex-col

{

    flex-direction: column;

}

.ta-campaign-widget .items-center

{

    align-items: center;

}

.ta-campaign-widget .items-start

{

    align-items: flex-start;

}

.ta-campaign-widget .justify-center

{

    justify-content: center;

}

.ta-campaign-widget .w-full

{

    width: 100%;

}

.ta-campaign-widget .w-8

{

    width: 2rem;

}

.ta-campaign-widget .sr-only

{

    clip: rect(0,0,0,0);

    border-width: 0;

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    white-space: nowrap;

    width: 1px;

}

.ta-campaign-widget .hidden

{

    display: none;

}

.ta-campaign-widget input[type=checkbox]

{

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    background-color: #fff;

    border: 2px solid var(--ta-campaign-plugin-primary);

    border-radius: .15em;

    color: currentColor;

    cursor: pointer;

    display: grid;

    font: inherit;

    height: 1.5rem;

    margin: 2px;

    min-height: 1.5rem;

    min-width: 1.5rem;

    place-content: center;

    transform: translateY(-.075em);

    width: 1.5rem;

}

.ta-campaign-widget input[type=checkbox]:before

{

    background-color: CanvasText;

    box-shadow: inset 1em 1em var(--ta-campaign-plugin-primary);

    -webkit-clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);

    clip-path: polygon(14% 44%,0 65%,50% 100%,100% 16%,80% 0,43% 62%);

    content: "";

    height: .65em;

    transform: scale(0);

    transform-origin: bottom left;

    transition: transform .12s ease-in-out;

    width: .65em;

}

.ta-campaign-widget input[type=checkbox]:checked:before

{

    transform: scale(1);

}

.ta-campaign-widget input[type=checkbox]:focus

{

    outline: max(2px,.15em) solid var(--ta-campaign-plugin-primary);

    outline-offset: max(2px,.15em);

}

.ta-campaign-widget__exit

{

    cursor: pointer;

    margin-right: 1rem;

    margin-top: 1rem;

    position: absolute;

    right: 0;

    top: 0;

}

.ta-campaign-widget--sidebar

{

    max-width: 500px!important;

}

.ta-campaign-widget__popup-wrapper

{

    align-items: center;

    background: rgba(0,0,0,.5);

    bottom: 0;

    display: none;

    height: 100%;

    justify-content: center;

    left: 0;

    margin-left: 0!important;

    margin-right: 0!important;

    max-width: 100vw!important;

    opacity: 0;

    position: fixed;

    right: 0;

    top: 0;

    transition: .3s;

    width: 100%;

    z-index: 1000;

}

.ta-campaign-widget__popup-wrapper .ta-campaign-widget

{

    background: #fff;

    margin-left: 1rem;

    margin-right: 1rem;

    max-width: 750px;

}

@media screen and (min-width: 500px)

{

    .ta-campaign-widget--banner .ta-campaign-widget__button

    {

        min-width: 250px;

        width: 30%;

    }

}

.ta-campaign-button

{

    background: var(--ta-campaign-plugin-primary);

    border: none;

    border-radius: 5px;

    color: #fff;

    cursor: pointer;

    font-size: 1rem;

    font-weight: 600;

    margin-top: 0!important;

    padding: 1rem;

}

.ta-campaign-button:hover

{

    background: var(--ta-campaign-plugin-button-hover-background);

}