// 関連記事
[data-type="loos/post-link"] {
    padding: 16px;

    &.is-selected:not(:focus)::after {
        border: dashed 1px $color_guide !important;
    }

    .swl-tabControl {
        margin-top: 1em;

        .components-button {
            padding: 0 8px;
        }
    }

    .p-blogCard {
        color: inherit;
        text-decoration: none;
    }

}

// プレビュー
.swell-block-postLink__preview {
    margin: 0 0;

    > div {
        pointer-events: none;
    }

    .p-blogCard {
        margin: 0 0;
    }

    .u-mb-ctrl {
        margin: 0 !important;
    }
}

.swell-block-postLink__none {
    padding: 16px;
    font-size: 14px;
    border: dashed 1px $color_guide;
}

.swell-block-postLink__inputWrapper {
    margin-top: .5em;

    .components-base-control__field {
        margin-bottom: 0;
    }

    input {
        min-height: 0 !important;
        padding: 8px !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
        border: solid 1px #ddd !important;
        border-radius: 0 !important;
    }

    .__internalArea {
        display: flex;
        align-items: flex-start;
    }

    .__idInput {
        width: 6em;
    }

    .__urlInput { //.block-editor-url-input
        margin-left: .75em;
        padding: 0;

        input {
            width: 100% !important;
        }
    }

    .__externalInput {
        width: 100%;
    }
}

// スマホでもURLインプットのサジェスチョンを出す。
@include mobile {

    .block-editor-url-input__suggestions {
        display: inherit;
    }
}

// 「新しいタブで開く」のコントロール
.components-toggle-control.-is-external {
    opacity: .5;
    pointer-events: none;
}
