/* Figma GUOM8XtOf7yflpPcRd6xDP / 25:72761. Geometry is built from its rectangle rows. */
.welly-pixel-bubble {
 --bubble-pixel: 7.393939px; --bubble-border: #d1d1d9; --bubble-fill: #fff;
 display: flex; flex-direction: column; align-items: stretch; width: max-content; max-width: min(100%,calc(100vw - 48px)); flex: none;
 color: #2d2d36; position: relative;
}
.welly-pixel-bubble, .welly-pixel-bubble * { box-sizing: border-box; }
.welly-pixel-bubble i, .welly-pixel-bubble b { display: block; font: inherit; }
.welly-pixel-bubble__top { height: var(--bubble-pixel); margin-inline: calc(var(--bubble-pixel)*2); background: var(--bubble-border); }
.welly-pixel-bubble__shoulder { display: flex; height: var(--bubble-pixel); margin-inline: var(--bubble-pixel); }
.welly-pixel-bubble__shoulder i { width: var(--bubble-pixel); background: var(--bubble-border); }
.welly-pixel-bubble__shoulder b { flex: 1; background: var(--bubble-fill); }
.welly-pixel-bubble__body {
 display: flex; align-items: center; justify-content: center; min-height: calc(var(--bubble-pixel)*10.27459);
 border-inline: var(--bubble-pixel) solid var(--bubble-border); background: var(--bubble-fill);
 padding: calc(var(--bubble-pixel)*2.5) calc(var(--bubble-pixel)*3.5);
}
.welly-pixel-bubble__message { margin: 0; white-space: pre-line; overflow-wrap:anywhere; text-align: center; font: 400 calc(var(--bubble-pixel)*4)/1.3125 "Pretendard Regular",sans-serif; }
.welly-pixel-bubble__base { display: flex; height: var(--bubble-pixel); margin-inline: calc(var(--bubble-pixel)*2); }
.welly-pixel-bubble__base i { flex: 1; background: var(--bubble-border); }
.welly-pixel-bubble__base b { width: calc(var(--bubble-pixel)*5); background: var(--bubble-fill); }
.welly-pixel-bubble__tail { display: flex; justify-content: center; height: var(--bubble-pixel); }
.welly-pixel-bubble__tail i { width: var(--bubble-pixel); background: var(--bubble-border); }
.welly-pixel-bubble__tail b { width: calc(var(--bubble-pixel)*var(--cells)); background: var(--bubble-fill); }
.welly-pixel-bubble--cta { --bubble-pixel: 4.9293px; align-self: center; }
.welly-pixel-bubble-ready #cta .welly-pixel-bubble-original { display: none !important; }
@media(min-width:810px) and (max-width:1199.98px) { .welly-pixel-bubble--cta { --bubble-pixel: 3.57986px; } }
@media(max-width:809.98px) { .welly-pixel-bubble--cta { --bubble-pixel: 3.372865px; } }