/*!***********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@6.8.1_webpack@5.84.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@6.2.1_postcss@8.4.24_webpack@5.84.1/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/styles/embed.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************/
/* wordpress純正のブログカードのスタイル */
body {
    container-type: inline-size
}
body .wp-embed {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    border-radius: 0.5rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(76 128 181 / var(--tw-border-opacity));
    padding: 0px;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
body .wp-embed:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(248 250 252 / var(--tw-bg-opacity))
}
body .wp-embed .wp-embed-heading {
    order: 2;
    margin: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(63 63 70 / var(--tw-text-opacity))
}
@container (min-width: 36rem) {
    body .wp-embed .wp-embed-heading {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
body .wp-embed .wp-embed-featured-image {
    order: 1;
    float: none;
    margin: 0px;
    display: flex;
    max-width: 100%;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgb(165 191 218 / var(--tw-bg-opacity))
}
@container (min-width: 28rem) {
    body .wp-embed .wp-embed-featured-image {
        grid-row: span 3 / span 3
    }
}
body .wp-embed .wp-embed-featured-image img {
    height: 100%;
    width: 100%;
    max-width: 400px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    -o-object-fit: cover;
       object-fit: cover;
    vertical-align: bottom
}
body .wp-embed .wp-embed-excerpt {
    order: 3;
    margin: 0px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(113 113 122 / var(--tw-text-opacity))
}
body .wp-embed .wp-embed-footer {
    order: 4;
    margin: 0px;
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem
}
body .wp-embed .wp-embed-footer .wp-embed-site-title a {
    padding-left: 0px;
    font-size: 0.75rem;
    line-height: 1rem
}
body .wp-embed .wp-embed-footer .wp-embed-site-title a .wp-embed-site-icon {
    display: none;
    height: auto;
    width: 1rem
}
/* サムネイルありのときの追加スタイル */
@container (min-width: 28rem) {
    body .has-post-thumbnail {
        grid-template-columns: 1fr 2fr
    }
}
body .has-post-thumbnail .wp-embed-heading {
    padding-top: 0px
}
@container (min-width: 28rem) {
    body .has-post-thumbnail .wp-embed-heading {
        padding-top: 1rem
    }
}