@use '@angular/material' as mat;

.adf-share-link-dialog {
    .adf-share-link {
        &__dialog-content {
            display: flex;
            flex-direction: column;
        }

        &__dialog-container {
            background-color: var(--theme-card-background-color);
            border-radius: 16px;
        }

        &__label,
        &__title,
        &__info {
            letter-spacing: -0.4px;
            line-height: 2;
            font-weight: normal;
            font-style: normal;
            font-stretch: normal;
            font-size: var(--theme-body-1-font-size);
            color: var(--adf-theme-foreground-text-color-087);
        }

        &__label {
            flex: 1 1 auto;
        }

        &__form {
            padding-top: 8px;
        }

        &__public-content {
            color: var(--adf-theme-foreground-text-color-064);
            font-size: var(--theme-caption-font-size);
        }

        &__warn {
            color: var(--theme-warn-color-a700);
            font-size: var(--theme-caption-font-size);
        }

        &__border-color {
            @include mat.form-field-overrides(
                (
                    outlined-outline-color: var(--theme-warn-color-a700)
                )
            );
        }

        &--row {
            display: flex;
            flex-direction: row;
            /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties */
            flex-wrap: wrap;
            align-items: center;
            margin: 8px 0;

            &-sharable {
                margin-bottom: 10px;
            }
        }

        &--sharable-container {
            margin-bottom: 0;
        }

        &--header {
            padding: 16px 24px 0;
        }

        &--dialog-content {
            padding-top: 0;
            padding-bottom: 0;
        }

        &__separation-line {
            border: 1px solid var(--theme-grey-background-color);
            margin: 8px -24px;
        }

        &__close {
            cursor: pointer;
            margin-left: 12px;
        }

        &__para {
            margin-top: 8px;
            margin-bottom: 8px;
        }

        &__heading {
            font-weight: 700;
            font-size: var(--theme-subheading-2-font-size);
        }
    }

    .adf-input-action {
        cursor: pointer;
    }

    .adf-full-width {
        width: 100%;
    }

    .adf-sharable-link {
        margin-top: 2px;
        margin-left: 8px;
    }

    .adf-share-link__actions {
        justify-content: flex-end;
        padding: 8px 24px 32px 0;
        margin: 8px 0 0;

        & > button {
            color: var(--adf-theme-foreground-base-color);
            background-color: var(--theme-grey-text-background-color);
            margin-right: 12px;
        }
    }
}