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

.creatives-device-content {
    .inapp-copy-content {
        margin-top: $CAP_SPACE_08;
        margin-bottom: $CAP_SPACE_16;
    }

    .creatives-inapp-title {
        .inapp-content-main {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: $CAP_SPACE_08;
        }
        .inapp-title {
            font-weight: 500;
        }
    }

    .creatives-inapp-media {
        .inapp-media-header {
            font-weight: 500;
        }
        .inapp-content-media {
            margin-top: $CAP_SPACE_16;
        }
    
        .inapp-media-radio {
            font-weight: 500;
            margin-top: $CAP_SPACE_16;
        }
    }
    .creatives-inapp-message {
        margin-top : $CAP_SPACE_12;
        position: relative;
        .inapp-message-header {
            display: flex;
            align-items: center;
            justify-content: space-between;

            .inapp-message-header-style {
              font-weight: 500;
            }
        }
        .inapp-create-template-message-input-wrapper {  
            position: relative;
        }
        .inapp-create-template-message-input {
            min-height: 5.214rem;
            margin-bottom: $CAP_SPACE_08;
        }
        .cap-custom-image-upload {
            .dragger-button.re-upload {
                top: 15.8rem;
                position: absolute;
                margin-left: 20vw;
                color: $FONT_COLOR_05;
              }
        }
    }
    .message-bottom-margin{
        margin-bottom: 0.857rem;
    }
}

.inapp-action-link {
    display: flex;
    margin-top: 2rem;

    .inapp-render-heading {
        width: 100%;

        .inapp-action-deep-link {
            margin-top: $CAP_SPACE_12;

            #inapp-add-action-link-type {
                width: 100%;
                margin-top: $CAP_SPACE_12;
            }
            .cap-select-v2 {
                .ant-select-selection__placeholder {
                    display: block;
                }
            }
            .cap-heading:first-of-type {
                margin-bottom: $CAP_SPACE_04;
            }
        }
    }
}
.inapp-cta-button {
    margin-top: 2rem;

    .inapp-render-heading-cta-button {
        .inapp-optional-label {
            font-size: $CAP_SPACE_12;
            color: $CAP_G06;
            margin-left: $CAP_SPACE_04;
        }
    }
    .inapp-btn-radio-group{
        display: flex;
        flex-direction: column;
        row-gap: $CAP_SPACE_08;
        margin-top: $CAP_SPACE_16;
    }
}
.inapp-template-message-error {
    margin-bottom: 1rem;
}
.image-container {
    margin-top: 1.5rem;
}
.cover-img {
    margin-top: 2rem;
}