:is(.wp-block-quote.is-style-plain,.story-bubble-box) > p {
  text-indent: 0 !important;
}

body.guest-visible.category-yakusoku-yamero :is(.wp-block-quote.is-style-plain,.story-bubble-box) > :is(p,hr) {
  display: none !important;
}
body.guest-visible.category-yakusoku-yamero :is(.wp-block-quote.is-style-plain,.story-bubble-box):not(:has(figure)) + p { margin-top: 0; }
body.guest-visible.category-yakusoku-yamero  .copy-comment-block.in-custom-block .story-bubble-box { padding: 0; }
body.guest-visible.category-yakusoku-yamero .entry-content > hr { display: none; }
body.login-visible.category-yakusoku-yamero .entry-content > hr { margin-bottom: var(--wp--preset--spacing--80) !important; }

.story-bub-outside {
  display: inline-block;
  position: relative;
  text-indent: 0 !important;
  margin-left: 5px;
  padding: 5px 6em 5px 30px;
  border-radius: 50px 0 0 50px;
  border: 3px solid #0E9AFD;
  box-shadow: inset 0 0 0 2px #86CDFF;
  overflow: hidden;
  color: white;
  background:
  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><polygon points="0,15 100,50 0,85" fill="%2386CDFF"/></svg>')
    no-repeat left center / 15px 35px,
  linear-gradient(135deg, #0E9AFD 70%, #38CDF3);
  background-position: left center, center;
  -webkit-mask-image: linear-gradient(to right, black 70%, transparent 90%);
  mask-image: linear-gradient(to right, black 70%, transparent 90%);
  z-index: 1;
}

.story-bub-outside.main-chara {
  border: 3px solid #F9930B;
  box-shadow: inset 0 0 0 2px #FFCB82;
  background:
  url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="none"><polygon points="0,15 100,50 0,85" fill="%23FFCB82"/></svg>')
    no-repeat left center / 15px 35px,
  linear-gradient(135deg, #F9930B 70%, #FFAD42);
}

.story-bub-box1,
.story-bub-box1.main-chara {
  margin-top: -20px;
  position: relative;
  border: 1px solid var(--wp--preset--color--accent-6);
  border-radius: 15px;
  background: var(--wp--preset--color--white)!important;
  color: var(--wp--preset--color--black)!important;
  padding: 20px 15px;
}
.story-bub-box1::after {
  display: none;
}

.story-bub-outside + br + .story-bub-box1 {
  margin-top: -20px!important;
}

.story-bub-box1.another {
  margin-top: 1.2rem;
  border: 2px solid #F9ECC5;
  box-shadow: inset 0 0 0 2px #D0AC49;
  padding: 20px 25px;
  background: linear-gradient(135deg, #D0AC49 5%,#F9ECC5 0%, #F9ECC5 95%, #D0AC49 5%)!important;
  color: #333333!important;
}

/* 헤딩 스타일 */
:is(.wp-block-post-content,.in-heading,.has-heading) > :is(h1,h2,h3,h4,h5,h6),
:is(.in-heading,.has-heading,.wp-block-comment-content) :is(h1,h2,h3,h4,h5,h6),
.copy-comment-block.in-heading :is(h1,h2,h3,h4,h5,h6),
:is([class*="custom-style-h"]) {
  font-size: var(--wp--preset--font-size--x-large);
  font-family: 'EliceDigitalBaeum_Regular', sans-serif;
  font-weight: bold;
}
:is(.wp-block-post-content,.in-heading,.has-heading) > :is(h1),
:is(.in-heading,.has-heading,.wp-block-comment-content) :is(h1),
.copy-comment-block.in-heading :is(h1),
.custom-style-h1 {
    background: linear-gradient(90deg, #F45AB1 50%, transparent);
    color: white;
    padding: 10px;
    border-radius: 10px;
}
:is(.wp-block-post-content,.in-heading,.has-heading) > :is(h2,h3),
:is(.in-heading,.has-heading,.wp-block-comment-content) :is(h2,h3),
.copy-comment-block.in-heading :is(h2,h3),
.custom-style-h2,
.custom-style-h3 {
    position: relative;
    display: flex;
    padding: 5px 0;
    border-width: 5px 0 !important;
    border-style: solid !important;
    border-image: linear-gradient(90deg, #21ABFB 20%, transparent) 1 !important;
  color: var(--wp--preset--color--black);
}
:is(.wp-block-post-content,.in-heading,.has-heading) > :is(h2,h3)::before,
:is(.in-heading,.has-heading,.wp-block-comment-content) :is(h2,h3)::before,
.copy-comment-block.in-heading :is(h2,h3)::before,
.custom-style-h2::before,
.custom-style-h3::before {
    content: '◇';
    display: inline-grid;
    place-items: center;
    font-weight: bold;
    color: #21ABFB;
    width: 1em;
    height: 1em;
    left: 0;
    padding-right: .2em;
}

:is(.wp-block-post-content,.in-heading,.has-heading) > :is(h3)::before,
:is(.in-heading,.has-heading,.wp-block-comment-content) :is(h3)::before,
.copy-comment-block.in-heading :is(h3)::before,
.custom-style-h3::before {
    content: '◆';
    color: #F45AB1;
}

:is(.story-bubble-box, .copy-comment-block .copy-comment) :is(figure, img) {
  width: 400px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.story-bubble-box figure img  {
  border-radius: 15px;
  aspect-ratio: 3 / 4.5;
  object-fit: cover;
  object-position: 100% 30%;
}

/* 유동 js 함께 사용 */
.wp-block-post-content :first-child {
	  margin-top: 0!important;
}

.copy-comment-block.in-heading.has-heading {
  margin-top: 100px;
}
.copy-comment-block.in-custom-block {
  margin-left: calc(-1 * var(--custom-global-padding));
  margin-right: calc(-1 * var(--custom-global-padding));
  width: calc(100% + (2 * var(--custom-global-padding)));
  max-width: 100vw;
  box-sizing: border-box;
}

.copy-comment-block.in-custom-block .story-bubble-box {
  padding: var(--custom-global-padding);
}

.copy-comment-block.in-custom-block .twitter-style,
.copy-comment-block.in-custom-block .twitter-style > .in-date > *:not(.copy-date) {
  margin: 0;
}
.copy-comment-block.in-custom-block .twitter-style > .in-date > .copy-date {
  margin-bottom: 0;
}
.copy-comment-block.in-custom-block > .copy-comment > div > .in-date > .story-bubble-box { padding: 0; }
body.guest-visible.category-yakusoku-yamero .copy-comment-block.in-custom-block > .copy-comment > :has(:not(.story-bubble-box)) { display: none; }
