/*
content
fill
font-family
font-size
font-weight
line-height
background
border
border-radius
box-shadow
color
opacity
outline
text-decoration
height
width
min-height
min-width
top
bottom
left
right
display
flex-wrap
flex
gap
position
float
margin
padding
align-items
justify-content
text-align
vertical-align
overflow
text-overflow
white-space
word-break
word-wrap
z-index
cursor
*/

:root {
    --ix-preview-box-padding-vertical: 16px;
    --ix-color-gray-11: #121212;
    --color-white: #fff;
    --ix-ads-preview-color__white: #fff;
    --ix-preview-box-padding-vertical: 16px;
    --ix-preview-box-padding-horizontal: 16px;
    --ix-preview-box-padding-horizontal-neg: -16px;
}

/* ---------------------------------------------------------------------------- Edit Ad Panel ------------------------------------------------------------- */
.popup-edit-ads {
    background-color: #f8f8f9;
    box-shadow: rgba(171, 187, 204, 0.6) 0px 2px 20px 0px;
    height: 100%;
    width: 1168px;
    top: 70px;
    bottom: 0;
    right: 0px;
    display: flex;
    position: fixed;
    z-index: 1000;
}

/* --------------------------------------------------------------- Left Sidebar ------------------------------------------------------------------- */
.popup-edit-ads .side-left {
    background-color: white;
    width: 48px;
}

.popup-edit-ads .side-left .tab-item-close {
    margin-bottom: 8px;
    padding: 0 8px;
    padding-top: 4px;
}

.popup-edit-ads .side-left .tab-item-close .close-btn {
    background: #262627;
    border-radius: 4px;
    color: white;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.popup-edit-ads .side-left .tab-item-close .close-btn:hover {
    background: #353536;
    color: white;
}

.popup-edit-ads .side-left .tab-item-close .close-btn .close-button__icon {
    height: 16px;
    width: 16px;
}

.popup-edit-ads .side-left .tab-item-others {
    padding: 8px;
}

.popup-edit-ads .side-left .tab-item-others .tab-item {
    border-radius: 4px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.popup-edit-ads .side-left .tab-item-others .tab-item:not(.selected):hover {
    background: #ececed;
}

.popup-edit-ads .side-left .tab-item-others .tab-item.selected {
    background-color: #e8fbf9;
    color: #017976;
}

.popup-edit-ads .side-left .tab-item-others .tab-item .tab-item__icon {
    font-size: 14px;
    height: 14px;
    width: 14px;
    fill: currentColor;
    overflow: hidden;
}

/* -------------------------------------------------------------------------------------- Edit Ad Content -------------------------------------------------------------------------------- */
.popup-edit-ads .popup-edit-ads-content {
    background-color: #f6f6f6;
    height: calc(0px + 93vh);
    min-width: 1120px;
    display: flex;
    flex-direction: column;
    position: relative;
    justify-content: center;
    overflow-y: auto;
}

/* ----------------------------------------------- Edit Ad Content Header -------------------------------------- */
.popup-edit-ads .popup-edit-ads-content .editTitle {
    font-size: 18px;
    font-weight: 500;
    line-height: 64px;
    background: white;
    height: 64px;
    top: 0;
    display: flex;
    position: sticky;
    padding: 18px 32px;
    align-items: center;
    justify-content: space-between;
    z-index: 10000;
}

.popup-edit-ads .popup-edit-ads-content .editTitleText {
    line-height: 30px;
    color: #121415;
}

.popup-edit-ads .popup-edit-ads-content .editTitleId {
    font-size: 12px;
    color: #6d6e70;
}

/* ---------------------------------------------- Edit Ad Content Content ------------------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway {
    height: 100%;
    width: 772px;
    display: flex;
    flex: 1;
    position: relative;
    margin: 0 auto;
    padding: 16px 16px 0;
    align-items: flex-start;
    justify-content: center;
}

/* -------------------------------- Inner Ad Name Section -------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adname-section {
    background-color: white;
    border-radius: 4px;
    color: #121415;
    width: 100%;
    position: relative;
    margin: 16px 0;
    padding: 24px 24px 32px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adname-section .inner-adname-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    color: rgb(18, 20, 21);
    margin-bottom: 16px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adname-section .inner-adname-box {
    font-size: 14px;
    line-height: 34px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: rgb(18, 20, 21);
    height: 34px;
    width: 480px;
    display: flex;
    padding: 0 12px;
    align-items: center;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adname-section .inner-adname-row {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6d6e70;
    padding-left: -3px;
    padding-top: 7px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adname-section .inner-adname-row i {
    padding-right: 4px;
}

/* ------------------------------- Inner Ad Content Section ---------------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section {
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 16px 0px;
}

/* --------------------- IDENTITY ----------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section {
    background-color: white;
    color: #121415;
    width: calc(100% - 304px);
    margin-bottom: 14px;
    padding: 24px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-text-row {
    display: flex;
    margin-bottom: 24px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-text-row .identity-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-right: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row {
    display: flex;
    flex-flow: row nowrap;
    margin-bottom: 24px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row .toggle-switch {
    display: flex;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row .toggle-switch .toggle-input {
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row .toggle-switch .toggle-switch-core {
    font-size: 14px;
    background-color: rgb(242, 243, 243);
    border: 1px solid rgb(242, 243, 243);
    border-radius: 12px;
    height: 22px;
    width: 40px;
    outline: 0;
    display: inline-block;
    position: relative;
    margin: 0;
    transition: border-color .3s, background-color .3s;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row .toggle-switch .toggle-switch-core:after {
    content: "";
    background-color: #FFFFFF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgB7ZkxbsIwFIZfWmDuBANI5Ag9AZUKe0/S3qBUpUfgHB26l0r0BtwgSDDAwg5I6XtpKiFEgv3bsWrkT4oS7CjxF2L7PSdK0/SaLpgrunCCoO8EQd8Jgr4TBH0nCPrOxQvWCGS5XN5xoD7kwxvezxqNxmur1ZqTIXwtWq/X3e12+xJFUY+LEt7GnU7ngwAiJJtYLBYPvHs/aticJe9NJHO5eLfbffLP+LCKZQftdntKmqCv6NNxATdAnvrXarXqEkCJXHZ5rn8mAFTwpAQqeUbujxsCgARZZFpSpyWpKCfnzQgAEqzVaiP67fwnUZXUkEu4f48IABKUgaRer/fJQFJTro8OXvA8aCLpSk4wmuhRSVdy2f1trKpJ47nBEypvcDZPyrHCuVbkBCuCgqok/6MpOZITrAkKKpJl2JYTrAbbKn2yiCrkBOvZBCJZlZxQSbqkI1mlnBASXgSdwYZH1ZjnyQmahZzDqqBEKNzQWHckrVLSmqBq+FVEVZJWBDViSxlIkqL6KiSNBXXkJFRTiF2tShoJamYF2XpNPoUMyJEkLGiS8jSbzcSVJCRoms9x451JQoKybmmaz7mShAT3+70s+MZF9arhl6bkkADQV/S2pE4rttSQ7BEAOshsThWigbOipLtFJ27QG+/SwzLTrOCMpNxrTABwRp9/n3jkrcvX+JZ1S5sfX6Sf511hIw8U+S4hWF2y+I+EfNB3gqDvBEHfCYK+EwR9Jwj6zg9xhBtL/snwowAAAABJRU5ErkJggg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    border-radius: 100%;
    box-shadow: 0 2px 8px #00000014;
    height: 18px;
    width: 18px;
    top: 1px;
    left: 2px;
    position: absolute;
    margin-right: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row .identity-toggle-text {
    font-weight: 500;
    line-height: 22px;
    color: #a9abac;
    display: inline-block;
    margin-left: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-toggle-row i {
    margin-left: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .set-custom-identity {
    font-weight: 400;
    margin-bottom: 10px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-box {
    font-size: 14px;
    line-height: 34px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: rgb(18, 20, 21);
    height: 34px;
    max-width: 420px;
    display: flex;
    margin-bottom: 6px;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-box img {
    border-radius: 22px;
    width: 22px;
    height: 22px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-box .identity-box-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 34px;
    padding-left: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .identity-box i {
    color: #6d6e70;
    display: flex;
    margin-left: auto;
    align-items: center;
    justify-content: center;
    text-align: center;
    transition: all .3s;
    pointer-events: none;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .create-new-identity {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #6d6e70;
    padding-left: -3px;
    padding-top: 7px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .identity-section .create-new-identity i {
    margin-right: 4px;
}

/* ------------------------- AD DETAILS ----------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section {
    background-color: white;
    color: #121415;
    min-height: 1300px;
    width: calc(100% - 304px);
    position: relative;
    padding: 24px 24px;
}

/* ----- AD DETAILS TEXT ----- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-details-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;
    margin-bottom: 16px;
}

/* ----- LINE BAR BELOW AD DETAILS ----- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .line-bar-below-ad-details {
    background: linear-gradient(180deg, #fafafa00 0%, #f9f9f9 100%);
    content: "";
    height: 20px;
    display: block;
    margin: 0 -24px;
}

/* ----- AD FORMAT ---- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab {
    background: linear-gradient(180deg, #fafafa00 0%, #f9f9f9 100%);
    height: 100%;
    display: block;
    margin-top: 24px;
    margin-bottom: 32px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .ad-format-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row {
    background: white;
    border-radius: 4px;
    outline: 1px solid #009995;
    margin-top: 16px;
    cursor: not-allowed;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .video-left-green-bar {
    background-color: #f8f8f9;
    box-shadow: inset 4px 0px 0px #009995;
    border-left: 1px solid #009995;
    border-radius: 4px;
    color: #121415;
    padding: 8px 8px 8px 12px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .single-video-row-content {
    display: flex;
    padding: 8px 8px 8px 12px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .single-video-row-content svg {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .single-video-row-content .single-video-row-texts {
    display: flex;
    flex-direction: column;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .single-video-row-content .single-video-row-texts .single-video-row-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-format-tab .single-video-row .single-video-row-content .single-video-row-texts .single-video-row-subtitle {
    font-size: 12px;
    line-height: 20px;
    color: #6d6e70;
}

/* ---- AD CREATIVE ---- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab {
    background: linear-gradient(180deg, #fafafa00 0%, #f9f9f9 100%);
    height: 100%;
    display: block;
    position: relative;
    margin-top: 32px;
}

/* AD CREATIVE TEXT */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .ad-creative-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
}

/* VIDEO ROW */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-row {
    display: flex;
    margin: 8px 0 8px 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-row .video-title {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    flex: 1;
    margin-right: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-row .video-editor {
    font-size: 12px;
    color: #6d6e70;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

/* PURPLE NEW */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .purple-new {
    font-size: 12px;
    line-height: 18px;
    background-color: #8078f6;
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    color: #FFFFFF;
    height: 18px;
    top: 28px;
    right: 15px;
    display: inline-block;
    position: absolute;
    padding: 0 6px;
    text-align: center;
    white-space: nowrap;
    transform: translateY(-50%) translateX(100%);
}

/* VIDEO CONTENT */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content {
    background: #f8f8f9;
    border: 1px solid transparent;
    border-radius: 4px;
    display: flex;
    width: 100%;
    padding: 8px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-displayer {
    background: #ececed;
    border-radius: 3px 0 0 3px;
    height: 64px;
    min-width: 64px;
    width: 64px;
    position: relative;
    overflow: hidden;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property {
    font-size: 12px;
    line-height: 20px;
    color: #333;
    width: 100%;
    display: flex;
    flex: 1;
    flex-direction: column;
    padding-left: 12px;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-name-time-pixel-row {
    min-height: 20px;
    width: 100%;
    display: flex;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-name-time-pixel-row .video-name {
    font-size: 12px;
    font-weight: 400;
    color: #121415;
    max-width: 250px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-name-time-pixel-row .video-time,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-name-time-pixel-row .video-pixel {
    font-size: 12px;
    color: #999;
    margin-left: 8px;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-update-thumbnail-row {
    width: 100%;
    display: flex;
    margin-top: 4px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-update-thumbnail-row .update {
    font-size: 12px;
    color: #6d6e70;
    text-align: center;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-update-thumbnail-row .update i {
    vertical-align: bottom;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-update-thumbnail-row .thumbnail {
    color: #017976;
    margin-left: 10px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .video-content .video-property .video-update-thumbnail-row .thumbnail i {
    top: 2px;
    position: relative;
    padding-right: 4px;
}

/* TEXT */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .text-row {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
    width: 100%;
    display: flex;
    position: relative;
    margin: 32px 0 8px 0;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .text-row i {
    color: #d3d4d5;
    margin-left: 4px;
    cursor: pointer;
}

/* TEXT BOX */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .big-text-box {
    margin-top: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .big-text-box .first-row-box {
    font-size: 14px;
    line-height: 34px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: rgb(18, 20, 21);
    height: 31px;
    min-height: 31px;
    max-width: 420px;
    display: flex;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .big-text-box .first-row-box {
    scrollbar-width: none;        /* Firefox */
    -ms-overflow-style: none;     /* IE 10+ */
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .big-text-box .first-row-box::-webkit-scrollbar {
    display: none;                /* Chrome, Safari, Opera */
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .big-text-box .second-row-box {
    font-size: 12px;
    line-height: 14px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #c1c1c1;
    height: 31px;
    min-height: 31px;
    max-width: 420px;
    display: flex;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    justify-content: flex-end;
    text-align: right;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

/* SMART TEXT BOX */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .smart-text-box {
    font-size: 14px;
    line-height: 14px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #121415;
    height: 31px;
    min-height: 31px;
    width: 116px;
    display: flex;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .smart-text-box i {
    font-size: 14px;
    margin-left: 7px;
    cursor: pointer;
}

/* CALL TO ACTION */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action {
    margin: 32px 0 16px 0;
}

/* --- upper --- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    justify-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .vi-switch__input {
    height: 20px;
    width: 40px;
    display: block;
    z-index: 1;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .vi-switch__core {
    background-color: #d3d4d5;
    border: 1px solid #d3d4d5;
    border-radius: 12px;
    height: 20px;
    width: 40px;
    outline: none;
    transition: background-color 0.3s;
    pointer-events: auto;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .vi-switch__core:after {
    content: "";
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgB7ZkxbsIwFIZfWmDuBANI5Ag9AZUKe0/S3qBUpUfgHB26l0r0BtwgSDDAwg5I6XtpKiFEgv3bsWrkT4oS7CjxF2L7PSdK0/SaLpgrunCCoO8EQd8Jgr4TBH0nCPrOxQvWCGS5XN5xoD7kwxvezxqNxmur1ZqTIXwtWq/X3e12+xJFUY+LEt7GnU7ngwAiJJtYLBYPvHs/aticJe9NJHO5eLfbffLP+LCKZQftdntKmqCv6NNxATdAnvrXarXqEkCJXHZ5rn8mAFTwpAQqeUbujxsCgARZZFpSpyWpKCfnzQgAEqzVaiP67fwnUZXUkEu4f48IABKUgaRer/fJQFJTro8OXvA8aCLpSk4wmuhRSVdy2f1trKpJ47nBEypvcDZPyrHCuVbkBCuCgqok/6MpOZITrAkKKpJl2JYTrAbbKn2yiCrkBOvZBCJZlZxQSbqkI1mlnBASXgSdwYZH1ZjnyQmahZzDqqBEKNzQWHckrVLSmqBq+FVEVZJWBDViSxlIkqL6KiSNBXXkJFRTiF2tShoJamYF2XpNPoUMyJEkLGiS8jSbzcSVJCRoms9x451JQoKybmmaz7mShAT3+70s+MZF9arhl6bkkADQV/S2pE4rttSQ7BEAOshsThWigbOipLtFJ27QG+/SwzLTrOCMpNxrTABwRp9/n3jkrcvX+JZ1S5sfX6Sf511hIw8U+S4hWF2y+I+EfNB3gqDvBEHfCYK+EwR9Jwj6zg9xhBtL/snwowAAAABJRU5ErkJggg==);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 12px;
    height: 18px;
    width: 18px;
    top: 0;
    left: 40%;
    margin-left: -15px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .on-off-dark-bg .vi-switch__core {
    background-color: #009995;
    border-color: #009995;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .on-off-dark-bg .vi-switch__core:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTIuNTA4IDYuMDAxIDIuNSAyLjUgNS01IiBzdHJva2U9IiMwMDk5OTUiIHN0eWxlPSJzdHJva2Utb3BhY2l0eToxIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+);
    left: 93%;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .call-to-action-text {
    font-weight: 500;
    line-height: 22px;
    display: inline-block;
    position: relative;
    margin: 0;
    padding-left: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .call-to-action-question {
    font-family: "vui-icons" !important;
    font-size: 14px;
    color: #d3d4d5;
    padding-left: 4px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-upper .call-to-action-question:before {
    content: "\e634";
}

/* --- lower --- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower {
    font-size: 14px;
    line-height: 34px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    -webkit-box-flex: 1;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region {
    font-size: 14px;
    color: #121415;
    word-break: break-word;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-span,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard .standard-span {
    line-height: 1;
    outline: 0;
    display: inline-block;
    position: relative;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-span .dynamic-span-inner,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard .standard-span .standard-span-inner {
    background: white;
    border: 1px solid #d3d4d5;
    border-radius: 100%;
    box-sizing: border-box;
    height: 16px;
    width: 16px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-span .dynamic-span-input:checked+.dynamic-span-inner,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard .standard-span-input:checked+.standard-span-inner {
    background: #009995;
    border-color: #009995;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-span .dynamic-span-inner:after,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard .standard-span .standard-span-inner:after {
    background-color: white !important;
    border-radius: 100%;
    content: "";
    height: 6px;
    width: 6px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translate(-50%, -50%) scale(1);
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-span .dynamic-span-input,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard .standard-span .standard-span-input {
    opacity: 0;
    outline: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: 0;
    padding: 0;
    z-index: -1;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-descr {
    line-height: 22px;
    color: #6d6e70;
    padding: 4px 4px 0 27px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-descr .dynamic-descr-text {
    font-size: 12px;
    line-height: 20px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-descr .view-selected {
    font-size: 12px;
    line-height: 20px;
    background: 0 0;
    border-color: transparent;
    border: 0 #d3d4d5;
    border-radius: 4px;
    color: #017976;
    display: flex;
    margin: 0;
    padding: 0;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-descr .view-selected i {
    padding-right: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic .dynamic-region .dynamic-descr .view-selected i:before {
    content: "\ea60";
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .dynamic-text,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .call-to-action .call-to-action-lower .standard-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #121415;
    padding-left: 8px;
    vertical-align: middle;
    cursor: pointer;
}

/* interactive ads */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on {
    margin: 32px 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-text i {
    color: #d3d4d5;
    margin-left: 4px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-row .interactive-add-on-create-btn,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-row .interactive-add-on-choose-from-library-btn {
    font-size: 14px;
    line-height: 14px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #121415;
    height: 31px;
    min-height: 31px;
    width: 90px;
    display: inline-flex;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-row .interactive-add-on-choose-from-library-btn {
    width: 172px;
    margin-left: 10px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-row .interactive-add-on-create-btn i,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .interactive-add-on-row .interactive-add-on-choose-from-library-btn i {
    margin-right: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons {
    font-size: 12px;
    line-height: 20px;
    border: 1px solid #d3d4d5;
    border-radius: 4px;
    margin-top: 8px;
    padding: 16px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-row {
    display: flex;
    justify-content: space-between;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-row .recommended-add-ons-text {
    font-weight: 500;
    color: #121415;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-row .recommended-add-ons-text img {
    height: auto;
    width: 16px;
    margin-right: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-row .recommended-add-ons-text .recommended-add-ons-subtitle {
    color: #6d6e70;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    margin: 8px -8.5px 0 -8.5px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .superlike,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .display-card,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .pop-out-showcase {
    width: 33.33%;
    padding: 0 8.5px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .superlike .superlike-title,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .display-card .display-card-title,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .pop-out-showcase .pop-out-showcase-title {
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    color: #121415 !important;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .superlike img,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .display-card img,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .pop-out-showcase img {
    height: 78px;
    width: 100%;
    margin-top: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .superlike .superlike-box,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .display-card .display-card-box,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .ad-creative-tab .interactive-add-on .recommended-add-ons .recommended-add-ons-img .pop-out-showcase .pop-out-showcase-box {
    font-size: 14px;
    line-height: 14px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #121415;
    height: 30px;
    width: 100%;
    display: inline-flex;
    margin-top: 8px;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}

/* ------------------------- LINE BAR ABOVE DESTINATION  ----------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .line-bar-above-destination {
    background-color: #ececed;
    content: "";
    height: 1px;
    width: 100%;
    position: relative;
    margin-bottom: 32px;
}

/* ------------------------- DESTINATION TAB ----------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab {
    margin: 32px 0;
}

/* destination text */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

/* destination row box */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    margin: 24px 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page {
    background: #fff;
    border-radius: 4px;
    outline: 1px solid #f8f8f9;
    display: flex;
    position: relative;
    margin: 0 8px 8px 0;
    align-items: center;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url.selected,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page.selected {
    outline-color: #009995;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url .website-url-inner,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page .instant-page-inner {
    border-radius: 4px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 12px 16px;
    align-items: flex-start;
    overflow: hidden;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url.selected .website-url-inner,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page.selected .instant-page-inner {
    box-shadow: inset 5px 0px 0px #009995;
    color: #017976;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url .website-url-inner .website-url-title,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page .instant-page-inner .instant-page-title {
    font-size: 12px;
    line-height: 20px;
    color: #6d6e70;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .website-url .website-url-inner .website-url-subtitle,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-row-box .instant-page .instant-page-inner .instant-page-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
}

/* destination URL */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url {
    position: relative;
    margin-top: 32px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #121415;
    width: 100%;
    display: flex;
    position: relative;
    margin-bottom: 8px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-text i {
    color: #d3d4d5;
    margin-left: 4px;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-subtext {
    font-family: "TikTok Text";
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    color: #87898b;
    margin-top: 0px;
    margin-bottom: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-box-preview .destination-url-box {
    font-size: 14px;
    line-height: 34px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #121415;
    height: 31px;
    min-height: 31px;
    min-width: 281px;
    display: inline-flex;
    margin-right: 8px;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    transition: 0.2scubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-box-preview .destination-url-preview {
    font-size: 14px;
    line-height: 14px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: #121415;
    height: 31px;
    min-height: 31px;
    width: 90px;
    display: inline-flex;
    margin-top: 10px;
    padding-left: 12px;
    padding-right: 6px;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .destination-tab .destination-url .destination-url-box-preview .destination-url-preview i {
    margin-right: 4px;
}

/* automatic parameter */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter {
    margin-top: 32px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row{
    display: flex;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row .toggle-switch {
    display: flex;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row .toggle-switch .toggle-input {
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row .toggle-switch .toggle-switch-core {
    font-size: 14px;
    background-color: rgb(242, 243, 243);
    border: 1px solid rgb(242, 243, 243);
    border-radius: 12px;
    height: 22px;
    width: 40px;
    outline: 0;
    display: inline-block;
    position: relative;
    margin: 0;
    transition: border-color .3s, background-color .3s;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row .toggle-switch .toggle-switch-core:after {
    content: "";
    background-color: #FFFFFF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgB7ZkxbsIwFIZfWmDuBANI5Ag9AZUKe0/S3qBUpUfgHB26l0r0BtwgSDDAwg5I6XtpKiFEgv3bsWrkT4oS7CjxF2L7PSdK0/SaLpgrunCCoO8EQd8Jgr4TBH0nCPrOxQvWCGS5XN5xoD7kwxvezxqNxmur1ZqTIXwtWq/X3e12+xJFUY+LEt7GnU7ngwAiJJtYLBYPvHs/aticJe9NJHO5eLfbffLP+LCKZQftdntKmqCv6NNxATdAnvrXarXqEkCJXHZ5rn8mAFTwpAQqeUbujxsCgARZZFpSpyWpKCfnzQgAEqzVaiP67fwnUZXUkEu4f48IABKUgaRer/fJQFJTro8OXvA8aCLpSk4wmuhRSVdy2f1trKpJ47nBEypvcDZPyrHCuVbkBCuCgqok/6MpOZITrAkKKpJl2JYTrAbbKn2yiCrkBOvZBCJZlZxQSbqkI1mlnBASXgSdwYZH1ZjnyQmahZzDqqBEKNzQWHckrVLSmqBq+FVEVZJWBDViSxlIkqL6KiSNBXXkJFRTiF2tShoJamYF2XpNPoUMyJEkLGiS8jSbzcSVJCRoms9x451JQoKybmmaz7mShAT3+70s+MZF9arhl6bkkADQV/S2pE4rttSQ7BEAOshsThWigbOipLtFJ27QG+/SwzLTrOCMpNxrTABwRp9/n3jkrcvX+JZ1S5sfX6Sf511hIw8U+S4hWF2y+I+EfNB3gqDvBEHfCYK+EwR9Jwj6zg9xhBtL/snwowAAAABJRU5ErkJggg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    border-radius: 100%;
    box-shadow: 0 2px 8px #00000014;
    height: 18px;
    width: 18px;
    top: 1px;
    left: 2px;
    position: absolute;
    margin-right: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-toggle-row .automatic-parameter-text{
    font-weight: 500;
    margin-left: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .automatic-parameter-subtext{
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #6d6e71;
    display: inline-block;
    padding-top: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .automatic-parameter .build-url-parameters{
    font-size: 12px;
    line-height: 20px;
    color: #017976;
    margin: 8px 0;
}

/* ----------------------------------- DISCLAIMER -------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer{
    color: #6d6e70;
    display: flex;
    margin-top: 32px;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer .toggle-switch {
    display: flex;
    align-items: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer .toggle-switch .toggle-input {
    opacity: 0;
    height: 0;
    width: 0;
    margin: 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer .toggle-switch .toggle-switch-core {
    font-size: 14px;
    background-color: rgb(242, 243, 243);
    border: 1px solid rgb(242, 243, 243);
    border-radius: 12px;
    height: 22px;
    width: 40px;
    outline: 0;
    display: inline-block;
    position: relative;
    margin: 0;
    transition: border-color .3s, background-color .3s;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer .toggle-switch .toggle-switch-core:after {
    content: "";
    background-color: #FFFFFF;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIwSURBVHgB7ZkxbsIwFIZfWmDuBANI5Ag9AZUKe0/S3qBUpUfgHB26l0r0BtwgSDDAwg5I6XtpKiFEgv3bsWrkT4oS7CjxF2L7PSdK0/SaLpgrunCCoO8EQd8Jgr4TBH0nCPrOxQvWCGS5XN5xoD7kwxvezxqNxmur1ZqTIXwtWq/X3e12+xJFUY+LEt7GnU7ngwAiJJtYLBYPvHs/aticJe9NJHO5eLfbffLP+LCKZQftdntKmqCv6NNxATdAnvrXarXqEkCJXHZ5rn8mAFTwpAQqeUbujxsCgARZZFpSpyWpKCfnzQgAEqzVaiP67fwnUZXUkEu4f48IABKUgaRer/fJQFJTro8OXvA8aCLpSk4wmuhRSVdy2f1trKpJ47nBEypvcDZPyrHCuVbkBCuCgqok/6MpOZITrAkKKpJl2JYTrAbbKn2yiCrkBOvZBCJZlZxQSbqkI1mlnBASXgSdwYZH1ZjnyQmahZzDqqBEKNzQWHckrVLSmqBq+FVEVZJWBDViSxlIkqL6KiSNBXXkJFRTiF2tShoJamYF2XpNPoUMyJEkLGiS8jSbzcSVJCRoms9x451JQoKybmmaz7mShAT3+70s+MZF9arhl6bkkADQV/S2pE4rttSQ7BEAOshsThWigbOipLtFJ27QG+/SwzLTrOCMpNxrTABwRp9/n3jkrcvX+JZ1S5sfX6Sf511hIw8U+S4hWF2y+I+EfNB3gqDvBEHfCYK+EwR9Jwj6zg9xhBtL/snwowAAAABJRU5ErkJggg==);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 14px;
    border-radius: 100%;
    box-shadow: 0 2px 8px #00000014;
    height: 18px;
    width: 18px;
    top: 1px;
    left: 2px;
    position: absolute;
    margin-right: 8px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer .disclaimer-text{
    font-weight: 500;
    margin-left: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .disclaimer i{
    font-size: 14px;
    margin-left: 4px;
    margin-top: -3px;
    position: relative;
}

/* ------------------------- TWO CHECK BOX ----------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box {
    margin-top: 32px;
}

/* ----------- line divider --------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .line-divider {
    content: "";
    background-color: #ececed;
    height: 1px;
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 32px;
}

/* ----------- top checkbox ---------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box {
    font-size: 14px;
    line-height: 34px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 32px 0;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content {
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: flex-start;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox {
    padding-top: 3px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox .ai-content-innercheck {
    height: 14px;
    width: 14px;
    cursor: pointer;
}

/* Create the checkmark (the tick) */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox .ai-content-innercheck:after {
    content: "";
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
    height: 7px;
    width: 3px;
    top: 1px;
    left: 4px;
    display: none;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox input:checked+.ai-content-innercheck {
    background-color: #009995;
    border-color: #009995;
}

/* Show the checkmark when checked */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .tickbox input:checked+.ai-content-innercheck:after {
    display: block;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .tickbox-ai-content .ai-content {
    margin-left: 8px;
    vertical-align: middle;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .ai-content-subtitle {
    font-size: 12px;
    line-height: 20px;
    color: #6d6e70;
    margin: 4px 0 0 24px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .ai-content-subtitle .learn-more {
    color: #017976;
    text-decoration: none;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .ai-content-subtitle .learn-more:hover {
    color: #006663;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .top-check-box .ai-content-subtitle .learn-more i {
    margin-left: 2px;
    vertical-align: -2px;
}

/* -------- bottom checkbox ---------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box {
    font-size: 14px;
    line-height: 34px;
    position: relative;
    margin-top: 16px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content {
    font-size: 12px;
    line-height: 22px;
    display: flex;
    align-items: flex-start;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox {
    padding-top: 3px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox .creative-content-innercheck {
    height: 14px;
    width: 14px;
    cursor: pointer;
}

/* Create the checkmark (the tick) */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox .creative-content-innercheck:after {
    content: "";
    border: 1px solid white;
    border-left: 0;
    border-top: 0;
    height: 7px;
    width: 3px;
    top: 1px;
    left: 4px;
    display: none;
    position: absolute;
    transform: rotate(45deg);
    transform-origin: center;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox input:checked+.creative-content-innercheck {
    background-color: #009995;
    border-color: #009995;
}

/* Show the checkmark when checked */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .tickbox input:checked+.creative-content-innercheck:after {
    display: block;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .creative-content {
    margin-left: 8px;
    vertical-align: middle;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .creative-content .learn-more {
    color: #017976;
    text-decoration: none;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .creative-content .learn-more:hover {
    color: #006663;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .inner-adcontent-section .ad-details-section .two-check-box .bottom-check-box .tickbox-creative-content .creative-content .learn-more i {
    margin-left: 2px;
    vertical-align: -2px;
}

/* ----------------------------- TRACKING SECTION -------------------------------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section {
    background-color: white;
    border-radius: 4px;
    color: #121415;
    position: relative;
    min-width: 600px;
    width: 100%;
    margin-bottom: 16px;
    padding: 24px 24px;
}

/* --------- TRACKING TEXT --------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tracking-text {
    font-size: 18px;
    font-weight: 500;
    line-height: 18px;

    margin-bottom: 16px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tracking-text .optional-text {
    font-weight: 400;
    color: #a9abac;
}

/* ------ TIKTOK EVENT TRACKING ------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking {
    width: calc(100% + 24px);
    left: -12px;
    position: relative;
    margin-top: 32px;
    padding: 12px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .tiktok-event-tracking-text {
    font-weight: 500;
    color: #121415;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .website-events {
    font-size: 14px;
    line-height: 22px;
    color: #6d6e70;
    width: 100%;
    display: flex;
    margin-top: 8px;
    margin-bottom: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .website-events .websiteevents-text {
    color: #121415;
    margin-left: 2px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .app-events {
    font-size: 14px;
    line-height: 22px;
    color: #6d6e70;
    width: 100%;
    display: flex;
    margin-bottom: 4px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .app-events .app-events-text {
    color: #121415;
    margin-left: 2px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .offline-events {
    font-size: 14px;
    line-height: 22px;
    color: #6d6e70;
    width: 100%;
    display: flex;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .tiktok-event-tracking .offline-events .offline-events-text {
    color: #121415;
    margin-left: 2px;
}

/* --------- THIRD PARTY TRACKING --------- */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking {
    margin-top: 24px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .third-party-tracking-text {
    font-size: 14px;
    font-weight: 500;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes {
    background: rgba(248, 248, 249, .5);
    position: relative;
    margin-top: 8px;
    padding: 16px 24px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes .impression-url {
    margin-bottom: 24px;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes .impression-url .impression-url-text,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes .click-url .click-url-text {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #121415;
    text-align: left;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes .impression-url .impression-url-box,
.popup-edit-ads .popup-edit-ads-content .creativeGateway .tracking-section .third-party-tracking .url-boxes .click-url .click-url-box {
    font-size: 14px;
    line-height: 34px;
    background: #f2f3f3;
    border: 1px solid #f2f3f3;
    border-radius: 4px;
    color: rgb(18, 20, 21);
    height: 34px;
    width: 480px;
    display: flex;
    margin-top: 8px;
    padding: 0 12px;
    align-items: center;
    transition: 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}























.vi-tag-input {
    display: flex;
    align-items: center;
    width: 480px;
    background: #f2f3f3 !important;
    border-radius: 4px;
}

.vi-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}


.vi-tag-input .vi-input input {
    border: 0 none;
}


.vi-input__inner {
    -webkit-appearance: none;
    background-color: #f2f3f3 !important;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #f2f3f3 !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #121415;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    outline: 0;
    padding: 0 12px;
    -webkit-transition: all .2s cubic-bezier(.645, .045, .355, 1);
    transition: all .2s cubic-bezier(.645, .045, .355, 1);
    width: 100%;
}

.vi-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    background: #f2f3f3;
    border: 0 #d3d4d5;
    border-radius: 4px;
    color: #121415;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 400;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.index_identityInputTag_uKsaY .vi-input__inner {
    padding-left: 42px !important;
    cursor: pointer;
}

.vi-input--prefix .vi-input__inner {
    padding-right: 30px;
}





.vi-icon-question {
    font-size: 14px;
    color: #d3d4d5;
}

.index_identityTypeSelector_DUiuW {
    margin-bottom: 24px;
}

.index_tooltipWrap_S4jat {
    display: flex;
    align-items: center;
}



.index_switchText_YhSUx {
    padding-left: 8px;
    font-weight: 500;
    line-height: 22px;
    padding-right: 4px;
}

.index_disabledSwitch_ctiDl {
    color: #a9abac !important;
}


.index_customIdentityTitle_MRQNI {
    margin-bottom: 6px;
    font-weight: 500;
}


.index_identitySelector_IpQui {
    margin-bottom: 0 !important;
    max-width: 420px;
}


.vi-input__prefix {
    left: 5px;
    top: 0px;
    transition: all 0.3s ease 0s;
}

.vi-input__prefix,
.vi-input__suffix {
    position: absolute;
    transition: all 0.3s ease 0s;
    height: 100%;
    text-align: center;
}

.vi-input__prefix {
    left: 12px;
    display: inline-block;
    margin-top: 5px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    border: 1px solid var(--ks-sys-color-neutral-surface3);
}

.index_identityAvator_CNpqR {
    display: block;
    width: 22px;
    height: 22px;
    border-radius: 22px;
}

.vi-input__icon {
    height: 100%;
    width: 25px;
    text-align: center;
    transition: all 0.3s ease 0s;
    line-height: 34px;
}

.vi-input__icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.index_subTitle_HlO8W {
    color: #6d6e70 !important;
    font-size: 12px;
    line-height: 20px;
}

.index_icon_KaveR {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    margin-top: 3px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 18px;
    line-height: 22px;
    fill: currentColor;
    overflow: hidden;
}

.index_videoEditIcon_gaRNa {
    vertical-align: text-bottom;
    margin-right: 5px;
}

.vi-tooltip {
    cursor: pointer;
}


.index_btnIcon_ALiez {
    margin-right: 4px;
}


.index_arrowIcon_LXP5m {
    z-index: 2;
    margin-right: 4px;
    color: #121415 !important;
    font-size: 16px;
    transform: rotate(-90deg);
    transition: all .3s;
}

.vi-checkbox,
.vi-checkbox__input {
    cursor: pointer;
    display: inline-block;
    position: relative;
}

.vi-checkbox {
    color: #121415;
    font-weight: 400;
    font-size: 14px;
    user-select: none;
}

.vi-checkbox__input {
    outline: 0;
    line-height: 1;
    vertical-align: middle;
}

.vi-checkbox__inner {
    display: inline-block;
    position: relative;
    border: 1px solid #d3d4d5;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    background-color: #FFFFFF;
    z-index: 1;
    -webkit-transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
    transition: border-color .25s cubic-bezier(.71, -.46, .29, 1.46), background-color .25s cubic-bezier(.71, -.46, .29, 1.46);
}

.vi-checkbox,
.vi-checkbox__input {
    cursor: pointer;
    display: inline-block;
    position: relative;

}


.vi-checkbox__input.is-disabled .vi-checkbox__inner {
    background-color: #f8f8f9 !important;
    border-color: #e1e1e2 !important;
    cursor: not-allowed;
}




.vi-checkbox {
    color: #121415;
    font-weight: 400;
    font-size: 14px;
    user-select: none;
}

.is-checked .vi-checkbox__inner {
    background-color: #c3e9e7 !important;
    border-color: #c3e9e7 !important;
}

.vi-checkbox .vi-checkbox__label {
    color: #d3d4d5 !important;
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    padding-left: 10px;
}



.vi-checkbox__input.is-disabled .vi-checkbox__inner::after {
    cursor: not-allowed !important;
    border-color: #a9abac !important;
}

.vi-checkbox__input.is-disabled.is-checked .vi-checkbox__inner {
    background-color: #c3e9e7 !important;
    border-color: #c3e9e7 !important;
}

.xgplayer {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    white-space: normal;
    word-wrap: normal;
    overflow-wrap: normal;
}

.x-ix-ad-pr-ix-video .xgplayer {
    cursor: pointer;
}

.x-ix-ad-pr-ix-video .xgplayer.xgplayer-inactive {
    cursor: pointer;
}

a {
    color: #017976 !important;
    text-decoration: none;
    cursor: pointer;
}

.index_preview_ojtvd {
    position: absolute;
    top: 0;
    right: 0;
    width: 288px;
    height: 100%;
}


.index_previewInner_AnXJE {
    position: sticky;
    top: 16px;
}


.x-ads-preview {
    position: relative;
    width: 100%;
    height: calc(100% - 2* var(--ix-preview-box-padding-vertical, 16px));
    padding: var(--ix-preview-box-padding-vertical, 16px) var(--ix-preview-box-padding-horizontal, 16px);
    line-height: 1;
    font-weight: 400;
    font-size: 14px;
    color: var(--ix-color-gray-11);
    text-align: left;
    background-color: white;
    border-radius: 4px;
    user-select: none;
}

.index_main_L_AC9 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 660px;
}

.x-ad-preview-scrollbar {
    overflow: hidden auto;
}

.x-ads-preview__appicon {
    position: relative;
    width: 256px;
    display: block;
    margin-bottom: 12px;
}

.x-preview-app-icon {
    z-index: 11;
}


.x-adview-app-icon {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 40px;
}

.x-adview-app-icon__main {
    display: flex;
    gap: 16px;
}

.x-adview-app-icon-item {
    position: relative;
    height: 100%;
}

.x-adview-app-icon__icon-wrap {
    position: relative;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.x-adview-app-icon__option {
    position: relative;
    padding-left: 13px;
}

.x-adview-app-icon__full_screen {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    background: #f2f2f2;
    cursor: pointer;
}

.x-adview-app-icon__option:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 32px;
    background: #e3e3e3;
}

.x-adview-app-icon__full_screen svg {
    display: block;
}

.x-ix-full-screen__no_full_screen_box {
    top: 0 !important;
    left: 0 !important;
}

.x-ix-full-screen__full_screen_box {
    position: relative;
    top: 0;
    left: 0;
    transform-origin: top left;
    background-color: #fff;
}

.x-ads-preview__options {
    width: 256px;
    display: flex;
    gap: 2px;
}

.x-ads-preview__optionsx {
    margin-bottom: 12px;
}

.x-ix-select-placement {}

.x-ads-preview__options__item {
    flex: 1 1 0%;
}

.x-ix-select-placement__option {
    border-radius: 4px;
    background-color: #f2f2f2;
}


.select__selected-label {
    overflow: hidden;
    text-overflow: ellipsis;
}

.fields-presenter {
    display: flex;
    align-items: flex-start;
    overflow: auto;
    position: relative;
    width: 100%;
    cursor: pointer;
    border: 1px solid #d3d4d5 !important;
    border-radius: var(--x-size__inspace-radius, 4px);
    line-height: 1;
    box-sizing: border-box;
    transition: all 0.1s ease-in-out 0s;
}

.fold {
    transform: rotate(0deg);
    transition: transform 0.5s ease 0s;
    width: 1em;
    height: 1em;
    position: relative;
    vertical-align: middle;
    right: 5%;
}

.fields-presenter--filled {
    background: #f2f3f3 !important;
    border-color: #f2f3f3 !important;
    align-items: center;
}

.fields-presenter--xs {
    font-size: 12px;
    line-height: calc(var(--x-size__formitem-height-xs) - 4px);
    padding: 1px 0px 1px 12px;
}

.fields-presenter__content {
    flex: 1 1 0%;
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    overflow-y: auto;
    gap: 4px;
}

.icon {
    position: absolute;
    width: 1em;
    height: 1em;
    left: 0px;
    top: 0px;
}


.x-ix-mobile__mobile {
    position: relative;
    width: 256px;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    display: flex;
    height: 100%;
}


.x-ix-mobile__app {
    flex: 0 0 256px;
    height: 100%;
    background-color: #8a8a8a;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
}

.x-ix-mobile__placement {
    position: absolute;
    inset: 0px;
}

.x-ix-ad-pr-placement-infeed {
    width: 100%;
    height: 100%;
    position: relative;
}

.x-ix-ad-pr-placement-infeed__player {
    position: absolute;
    inset: 0;
    overflow: hidden;
    height: calc(100% - 54.4820512821px);
}

.tiktok__player {
    z-index: 1;
}

.xgplayer .xgplayer-poster {
    display: block;
    opacity: 1;
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    transition: opacity .3s ease, visibility .3s ease;
    pointer-events: none;
}

.x-ix-ad-pr-ix-video {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.x-ix-ad-pr-ix-video__play-wrap {
    position: relative;
    height: 100%;
}

.xgplayer video {
    -o-object-fit: cover;
    object-fit: cover;
}

.xgplayer video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
}

.x-ix-ad-pr-ix-video__ix-player-starttime .xgplayer .xgplayer-poster {
    opacity: 1 !important;
    visibility: visible !important;
}

.x-ix-ad-pr-ix-video .xgplayer-poster {
    background-size: cover;
}

.x-ads-preview__main {
    position: relative;
    width: 256px;
    overflow: hidden;
    height: 555.323px;
}


.tiktok-infeed-header-com-bg {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.004) 7.86%, rgba(0, 0, 0, 0.01) 15.13%, rgba(0, 0, 0, 0.024) 21.91%, rgba(0, 0, 0, 0.043) 28.29%, rgba(0, 0, 0, 0.063) 34.35%, rgba(0, 0, 0, 0.086) 40.18%, rgba(0, 0, 0, 0.11) 45.88%, rgba(0, 0, 0, 0.133) 51.53%, rgba(0, 0, 0, 0.157) 57.23%, rgba(0, 0, 0, 0.176) 63.06%, rgba(0, 0, 0, 0.196) 69.12%, rgba(0, 0, 0, 0.216) 75.5%, rgba(0, 0, 0, 0.227) 82.28%, rgba(0, 0, 0, 0.235) 89.55%, rgba(0, 0, 0, 0.24) 97.41%);
}

.x-ix-ad-pr-placement-infeed__top-bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 89.2717948718px;
    color: white;
    z-index: 4;
}

.x-ix-ad-pr-tiktok-status-bar {
    display: block;
    width: 100%;
    height: 30.8512820513px;
    background: transparent url(https://sf16-sg.tiktokcdn.com/obj/eden-sg/10eh7vhogupqvhog/7813956867649867.png) top / contain no-repeat;
    transform: translateZ(0);
}

.x-ix-ad-pr-placement-infeed__nav-bar {
    display: flex;
    align-items: center;
    width: 100%;
    height: 28.8820512821px;
    background: transparent url(https://sf16-sg.tiktokcdn.com/obj/eden-sg/10eh7vhogupqvhog/54632240723265.png) top / contain no-repeat;
    transform: translateZ(0);
}

.tiktok__texts-cta {
    position: absolute;
    box-sizing: border-box;
    width: 256px;
    bottom: 0px;
    padding: 32.8205px 65.641px 63.6718px 7.87692px;
    color: white;
    z-index: 4;
    pointer-events: none;
    background: linear-gradient(rgba(0, 0, 0, 0) -0.28%, rgba(0, 0, 0, 0.004) 7.6%, rgba(0, 0, 0, 0.016) 14.9%, rgba(0, 0, 0, 0.03) 21.7%, rgba(0, 0, 0, 0.05) 28.09%, rgba(0, 0, 0, 0.08) 34.16%, rgba(0, 0, 0, 0.106) 40.01%, rgba(0, 0, 0, 0.133) 45.73%, rgba(0, 0, 0, 0.165) 51.4%, rgba(0, 0, 0, 0.196) 57.11%, rgba(0, 0, 0, 0.224) 62.96%, rgba(0, 0, 0, 0.247) 69.04%, rgba(0, 0, 0, 0.27) 75.43%, rgba(0, 0, 0, 0.286) 82.23%, rgba(0, 0, 0, 0.298) 89.52%, rgba(0, 0, 0, 0.3) 97.4%);
}

.x-ix-ad-pr-control-texts {
    pointer-events: auto;
    margin-bottom: 9.1897435897px;
}

.x-ix-ad-pr-control-texts__identity {
    display: flex;
    gap: 2.6256410256px;
    color: white;
    font-size: 11.158974359px;
    font-weight: 500;
    pointer-events: none;
}

.x-ix-ad-pr-control-texts__identity-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.x-ix-ad-pr-control-texts__text {
    font-size: 9.1897435897px;
    letter-spacing: 0.093px;
    margin: 5.2512820513px 0;
    line-height: 1.3;
    user-select: none;
    color: rgba(255, 255, 255, 0.9);
}

.x-ix-ad-pr-control-texts__text-ellipsis-content_hide {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.x-ix-ad-pr-control-texts__text-ellipsis-placeholder {
    float: right;
}

.x-ix-ad-pr-control-texts__text {
    font-size: 9.1897435897px;
    letter-spacing: 0.093px;
    margin: 5.2512820513px 0;
    line-height: 1.3;
    user-select: none;
    color: rgba(255, 255, 255, 0.9);
}

.x-ix-ad-pr-control-texts__sponsored {
    display: flex;
    margin: 5.2512820513px 0;
    gap: 2.6256410256px;
    pointer-events: none;
}

.x-ix-sponsored {
    display: flex;
    background: rgba(255, 255, 255, 0.34);
    border-radius: 1.3128205128px;
}

.x-ix-sponsored span {
    display: block;
    height: 10.5025641026px;
    line-height: 10.5025641026px;
    padding: 0 3.2820512821px;
    font-size: 6.5641025641px;
    border-radius: 1.3128205128px;
}


.tiktok__like-music {
    position: absolute;
    right: 3.93846px;
    bottom: 66.9538px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 13.1282px;
    z-index: 7;
}

.x-ix-ad-pr-control-identity {
    position: relative;
    color: #fff;
}

.x-ix-ad-image_img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: inherit;
}

.x-ix-ad-pr-control-identity__avatar {
    overflow: hidden;
    display: block;
    width: 28.8820512821px;
    height: 28.8820512821px;
    border-radius: 50%;
    border: 1px solid #fff;
}

.x-ix-ad-image {
    position: relative;
    display: block;
}


.x-ix-ad-pr-control-like-share {
    display: flex;
    flex-direction: column;
    font-size: 8.5333333333px;
    justify-content: center;
    gap: 11.8153846154px;
    color: white;
    font-weight: 500;
}

.x-ix-ad-pr-control-like-share span {
    display: block;
    font-size: 0;
}

.x-ix-ad-pr-control-like-share svg {
    width: 21.0051282051px;
}

.x-adview-control-music {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 26.2564102564px;
    height: 26.2564102564px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20 40c11.046 0 20-8.954 20-20S31.046 0 20 0 0 8.954 0 20s8.954 20 20 20z' fill='url(%23paint0_angular_3576_86940)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_angular_3576_86940' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='matrix(20 0 0 20 20 20)'%3E%3Cstop offset='.131' stop-color='%23151515'/%3E%3Cstop offset='.397' stop-color='%23393939'/%3E%3Cstop offset='.632' stop-color='%23161616'/%3E%3Cstop offset='.889' stop-color='%23393939'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
    background-size: contain;
}

.x-preview-tiktok-menu {
    width: 100%;
    height: 54.4820512821px;
    background: #000 url(https://sf16-sg.tiktokcdn.com/obj/eden-sg/10eh7vhogupqvhog/6431269930350056.png) top / contain no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 5;
}

.xgplayer-loading {
    display: none;
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    z-index: 10;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}


.x-ix-ad-pr-player-controls__play-status {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    z-index: 19;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translate(-50%, -50%)
}

.x-ix-ad-pr-player-controls__play-status-wrap {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--ix-player-controls-bg);
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.5s
}

.x-ix-ad-pr-player-controls__play-status-icon {
    opacity: 0.8
}

.x-ix-ad-pr-player-controls__play-status-wrap:hover .x-ix-ad-pr-player-controls__play-status-icon {
    opacity: 1
}

.x-ix-ad-pr-ix-video .xgplayer-loading {
    width: 36.758974359px;
    height: 36.758974359px;
}

.xgplayer-loading svg,
.xgplayer-loading img {
    width: 100%;
    height: 100%;
}

.x-ix-ad-pr-ix-video .xgplayer-loading path {
    fill: #009995 !important
}

.xg-loading-inner {
    display: block;
    height: 100%;
    width: 100%;
    transform-origin: center;
    animation: loadingRotate 1s .1s linear infinite;
}


.x-ads-preview__progress-bar,
.x-ads-preview__safe-zone {
    width: 256px;
    margin-top: 12px;
}

.x-ix-ad-pr-video-progress-bar__section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 26px;
}


.x-ix-ad-pr-video-progress-bar__progress-bar-wrap {
    position: relative;
    flex-grow: 1;
    padding: 6px 0;
    margin-left: 6px;
    cursor: pointer;
}

.x-ix-ad-pr-video-progress-bar__progress-bar {
    position: relative;
    border-radius: 3px;
    background-color: #e3e3e3;
}

.x-ix-ad-pr-video-progress-bar__progress-bar::before,
.x-ix-ad-pr-video-progress-bar__progress-bar::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: -6px;
    width: 12px;
    height: 100%;
    border-radius: 3px;
    background: #009995 !important;
}

.x-ix-ad-pr-video-progress-bar__progress-bar {
    position: relative;
    border-radius: 3px;
    background-color: #e3e3e3;
}

.x-ix-ad-pr-video-progress-bar__progress {
    position: absolute;
    left: 0;
    height: 100%;
    background-color: #009995 !important;
    width: 0;
    border-radius: 3px;
}

.x-ix-ad-pr-video-progress-bar__section-bar-play .x-ix-ad-pr-video-progress-bar__progress {
    transition: all 0.1;
}

.x-ix-ad-pr-video-progress-bar__thumb {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-25%);
    background: white;
    cursor: pointer;
}


.x-ix-ad-pr-video-progress-bar__section-bar-play .x-ix-ad-pr-video-progress-bar__thumb {
    transition: left 0.1;
}


.x-ix-ad-pr-video-progress-bar__thumb_hover_area {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #009995 !important;
}

.x-ix-ad-pr-video-progress-bar__progress-bar::after {
    z-index: 0;
    background: #e3e3e3;
}


.x-ix-ad-pr-video-progress-bar__time {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 80px;
    margin-left: 8px;
    font-size: 12px;
    color: #121212;
}


.index_header_ujMpj {
    position: relative;
}

.index_fixStyle_FK4i5 {
    position: relative;
    left: -12px;
    width: calc(100% + 24px);
}



.vi-tooltip {
    cursor: pointer;
}

.vi-input {
    position: relative;
    font-size: 14px;
    display: inline-block;
    width: 100%;
}


.creative-track-viewability_trackItemView_nIvPh {
    margin: 24px 0 0 !important;
}


.index_nextContainer_EUvtk {
    display: flex;
    margin-left: 16px;
    justify-content: space-between;
    justify-items: center;
}

.index_prefix_umVaI {
    display: flex;
    align-items: center;
}


.vi-button--primary {
    color: #FFFFFF;
    background-color: #009995;
    border-color: #009995;
}

.slide-out {
    display: block;
    /* Ensure the container is visible */
    opacity: 0;
    transform: translateX(100%);
    /* Start off-screen to the right */
    transform-origin: right;
    transition: transform 1.5s cubic-bezier(0.23, 1, 0.32, 1), opacity 1.5s cubic-bezier(0.23, 1, 0.32, 1);
    /* Smooth easing effect */
}

.slide-in-active {
    opacity: 1;
    transform: translateX(0);
    /* Slide into the original position */
    animation: bounce-in-v2 .5s ease;
}

.slide-out-active {
    animation: bounce-out-v2 .5s ease;
}

@keyframes bounce-in-v2 {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}


@keyframes bounce-out-v2 {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

#play-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    /* Circle size */
    height: 60px;
    background-color: rgba(0, 0, 0, 0.6);
    /* Semi-transparent background */
    border-radius: 50%;
    /* Makes the overlay circular */
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 10;
    /* Ensures it appears above the video */
    font-size: 36px;
}

/* Play icon inside the overlay */
#play-overlay::before {
    content: "▶";
    font-size: 6px;
    color: transparent;
    font-weight: bold;
}


.index_destinationContentWrap_YFzRX .index_destinationTitle_flpeo {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0;
    margin-bottom: 32px;
    color: var(--ks-sys-color-high-onSurface);
    font-weight: 500;
    font-size: 18px;
}

.vi-popover {
    position: absolute;
    background: #FFFFFF;
    min-width: 150px;
    border-radius: 4px;
    padding: 16px;
    z-index: 2000;
    color: #6d6e70;
    line-height: 1.4;
    text-align: unset;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
}

.vi-popover,
.vi-schedule-small {
    font-size: 12px;
}

.vi-icon-question {
    font-size: 14px;
}

.vi-icon-question {
    color: #d3d4d5;
}

.vi-autocomplete {
    position: relative;
    display: inline-block;
}

.vi-input--suffix .vi-input__inner {
    padding-right: 30px;
}

.suffix-fix[data-v-69042a2b] .vi-input__suffix {
    display: flex;
    align-items: center;
    right: 8px;
    top: 0px !important;
}

.index_deepLinkSwitch_emYar {
    margin-right: 8px;
}

.vi-button:focus,
.vi-button:hover {
    background-color: #e5e5e6;
    border-color: #009995;
}




/* ================================= FOOTER SAVE ====================================== */
.popup-edit-ads .popup-edit-ads-content .creativeGateway .footer-save {
    background: white;
    box-shadow: inset 0px 1px 0px #f2f3f3;
    bottom: -1px;
    display: flex;
    position: sticky;
    margin: 0 auto;
    padding: 13px 24px;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .footer-save .footer-save-right .footer-save-btn {
    font-size: 14px;
    line-height: 1;
    background-color: #009995;
    border-color: #009995;
    border: 0 #d3d4d5;
    border-radius: 4px;
    color: white;
    height: 34px;
    display: inline-block;
    margin: 0;
    padding: 8px 16px;
    align-items: center;
    justify-content: center;
    overflow: visible;
    white-space: nowrap;
    cursor: pointer;
}

.popup-edit-ads .popup-edit-ads-content .creativeGateway .footer-save .footer-save-right .footer-save-btn:hover {
    background-color: #008682;
    border-color: #008682;
}

/* ========================================================== LEFT EDIT POPUP ========================================================== */
.popup-edit-ads .popup-left-edit {
    font-size: 12px;
    line-height: 20px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    color: #121415;
    max-width: 400px;
    min-width: 10px;
    top: 120px;
    left: 688px;
    display: none;
    position: fixed;
    margin-right: 12px;
    padding: 8px 16px;
    transform-origin: right center;
    z-index: 2029;
}

.popup-edit-ads .popup-left-edit .pointer {
    top: 7px;
    left: 68px;
    position: absolute;
    transform-origin: 0px 0px;
    transform: translateY(50%) rotate(90deg) translateX(-50%);
}

.popup-edit-ads .popup-left-edit .pointer svg {
    transform: rotate(-90deg);
}

/* ========================================================== LEFT VIEW POPUP ========================================================== */
.popup-edit-ads .popup-left-view {
    font-size: 12px;
    line-height: 20px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    color: #121415;
    max-width: 400px;
    min-width: 10px;
    top: 170px;
    left: 655px;
    display: none;
    position: fixed;
    margin-right: 12px;
    padding: 8px 16px;
    transform-origin: right center;
    z-index: 2029;
}

.popup-edit-ads .popup-left-view .pointer {
    top: 7px;
    left: 101px;
    position: absolute;
    transform-origin: 0px 0px;
    transform: translateY(50%) rotate(90deg) translateX(-50%);
}

.popup-edit-ads .popup-left-view .pointer svg {
    transform: rotate(-90deg);
}

/* ========================================================== LEFT LOG POPUP ========================================================== */
.popup-edit-ads .popup-left-log {
    font-size: 12px;
    line-height: 20px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    color: #121415;
    max-width: 400px;
    min-width: 10px;
    top: 217px;
    left: 688px;
    display: none;
    position: fixed;
    margin-right: 12px;
    padding: 8px 16px;
    transform-origin: right center;
    z-index: 2029;
}

.popup-edit-ads .popup-left-log .pointer {
    top: 7px;
    left: 68px;
    position: absolute;
    transform-origin: 0px 0px;
    transform: translateY(50%) rotate(90deg) translateX(-50%);
}

.popup-edit-ads .popup-left-log .pointer svg {
    transform: rotate(-90deg);
}

/* ========================================================== LEFT RECOMMENDATION POPUP ========================================================== */
.popup-edit-ads .popup-left-recommendation {
    font-size: 12px;
    line-height: 20px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .08);
    color: #121415;
    max-width: 400px;
    min-width: 10px;
    top: 267px;
    left: 615px;
    display: none;
    position: fixed;
    margin-right: 12px;
    padding: 8px 16px;
    transform-origin: right center;
    z-index: 2029;
}

.popup-edit-ads .popup-left-recommendation .pointer {
    top: 7px;
    left: 142px;
    position: absolute;
    transform-origin: 0px 0px;
    transform: translateY(50%) rotate(90deg) translateX(-50%);
}

.popup-edit-ads .popup-left-recommendation .pointer svg {
    transform: rotate(-90deg);
}