@import 'styles/mat-selectors';

.adf-share-link-dialog {
    .adf-share-link {
        #{$mat-form-field-flex} {
            height: 48px;
        }

        &__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-054);
            font-size: var(--theme-caption-font-size);
        }

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

        &--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: 14px;
            }
        }

        &--sharable-container {
            margin-bottom: 14px;
        }

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

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

        &__input {
            color: var(--adf-theme-foreground-text-color-087);
        }

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

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

        &__icon {
            color: var(--adf-theme-foreground-icon-color-054);
            padding-bottom: 0;
            padding-right: 0;
        }

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

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

        &__copy-icon {
            padding-top: 18px;
            font-size: 22px;
        }

        &__date-time-container {
            padding-bottom: 2px;
        }

        &__border-color {
            &.adf-full-width {
                &#{$mat-form-field} {
                    &#{$mat-form-field-label-always-float} {
                        &#{$mat-form-field-appearance-outline} {
                            #{$mat-text-field-outlined}, #{$mat-text-field-outlined}:hover {
                                #{$mat-notched-outline-leading}, #{$mat-notched-outline-trailing}, #{$mat-notched-outline-notch} {
                                    border-color: var(--theme-warn-color-a700);
                                    border-width: 2px;
                                }

                                #{$mat-notched-outline-notch} {
                                    border-left: none;
                                    border-left-width: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
    }

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

    .adf-full-width {
        width: 100%;
        border-radius: 6px;
        margin-top: -6px;
    }

    .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;
        }
    }
}