@import '~@capillarytech/cap-ui-library/styles/_variables.scss';

$classPrefix: add-creatives-section;

.#{$classPrefix} {
    &.creatives-library-mode{
        .sms-create-container,  .sms-email-container{
            .ant-tabs-top-bar{
                display: none;
            }
        }
    }
    .#{$classPrefix}-footer {
        position: absolute;
        bottom: 0;
        left: 1px;
        padding: 0 12px;
        display: flex;
        align-items: center;
        height: 48px;
        border-top: 1px solid $CAP_G07;

        &.with-creative {
            width: 100%;
        }
    }
    .wechat-steps {
        width: 40% !important;
        left: 20%;
        position: relative;
        .ant-steps-item-title::after {
            top: 8px;
        }
        .ant-steps-item-content {
            vertical-align: middle;
            padding-top: 4px;
        }
    }
}

.map-template-create {
    .slidebox-header div:first-child {
        width: 100%;
    }
}

.slidebox-header-template-name{
    max-width: 750px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.whatsapp-rcs-slidebox-template-name{
    display: inline-block;
    max-width: 450px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: -3px;
}
.zalo-template-name-spacing {
    margin-right: 8px;
}
.support-video-elements {
    .cap-header-v2-title{
        display: inline-flex;
        align-items: center;
    };
    i {
        height: $ICON_SIZE_M;
    }
}
.liquid-error {
    display: flex;
    gap: $CAP_SPACE_04;
    color: $CAP_COLOR_03;
    vertical-align: text-top;
    align-items: center;
    margin-left: $CAP_SPACE_24;
}

.template-footer-width {
    width: 100%;;
}
