.speech-bubble[data-v-c1150fbd]{--current-pos:var(--arrow-pos);--current-len:var(--arrow-len);--current-width:var(--arrow-width);--bubble-arrow-overlap:1px;--bubble-bg:var(--ns-color-white,#fff)}@media (width<=767px){.speech-bubble[data-v-c1150fbd]{--current-pos:var(--arrow-pos-m);--current-len:var(--arrow-len-m);--current-width:var(--arrow-width-m)}}.speech-bubble[data-v-c1150fbd]{background:var(--bubble-bg);border:var(--comic-bubble-border-width,0) solid var(--comic-bubble-border-color,transparent);border-radius:var(--ns-border-radius-md);padding:var(--ns-spacing-lg);box-shadow:var(--comic-bubble-shadow,var(--ns-shadow-md));color:var(--comic-bubble-text-color,var(--ns-color-black,#1a1a1a));position:relative}.speech-bubble[data-v-c1150fbd]:after,.speech-bubble[data-v-c1150fbd]:before{content:"";display:none;position:absolute}.speech-bubble[data-v-c1150fbd]:before{background:var(--comic-bubble-border-color,transparent)}.speech-bubble[data-v-c1150fbd]:after{background:var(--bubble-bg)}@media (width>=768px){.speech-bubble[data-arrow=left][data-v-c1150fbd]:after,.speech-bubble[data-arrow=left][data-v-c1150fbd]:before{top:var(--current-pos);clip-path:polygon(100% 0,100% 100%,0 50%);display:block;transform:translateY(-50%)}.speech-bubble[data-arrow=left][data-v-c1150fbd]:before{left:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-len) + var(--comic-bubble-border-width,0px));height:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2)}.speech-bubble[data-arrow=left][data-v-c1150fbd]:after{left:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:var(--current-len);height:calc(var(--current-width)*2)}.speech-bubble[data-arrow=right][data-v-c1150fbd]:after,.speech-bubble[data-arrow=right][data-v-c1150fbd]:before{top:var(--current-pos);clip-path:polygon(0 0,100% 50%,0 100%);display:block;transform:translateY(-50%)}.speech-bubble[data-arrow=right][data-v-c1150fbd]:before{right:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-len) + var(--comic-bubble-border-width,0px));height:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2)}.speech-bubble[data-arrow=right][data-v-c1150fbd]:after{right:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:var(--current-len);height:calc(var(--current-width)*2)}.speech-bubble[data-arrow=top][data-v-c1150fbd]:after,.speech-bubble[data-arrow=top][data-v-c1150fbd]:before{left:var(--current-pos);clip-path:polygon(0 100%,50% 0,100% 100%);display:block;transform:translate(-50%)}.speech-bubble[data-arrow=top][data-v-c1150fbd]:before{top:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2);height:calc(var(--current-len) + var(--comic-bubble-border-width,0px))}.speech-bubble[data-arrow=top][data-v-c1150fbd]:after{top:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:calc(var(--current-width)*2);height:var(--current-len)}.speech-bubble[data-arrow=bottom][data-v-c1150fbd]:after,.speech-bubble[data-arrow=bottom][data-v-c1150fbd]:before{left:var(--current-pos);clip-path:polygon(0 0,100% 0,50% 100%);display:block;transform:translate(-50%)}.speech-bubble[data-arrow=bottom][data-v-c1150fbd]:before{bottom:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2);height:calc(var(--current-len) + var(--comic-bubble-border-width,0px))}.speech-bubble[data-arrow=bottom][data-v-c1150fbd]:after{bottom:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:calc(var(--current-width)*2);height:var(--current-len)}}@media (width<=767px){.speech-bubble[data-arrow-mobile=left][data-v-c1150fbd]:after,.speech-bubble[data-arrow-mobile=left][data-v-c1150fbd]:before{top:var(--current-pos);clip-path:polygon(100% 0,100% 100%,0 50%);display:block;transform:translateY(-50%)}.speech-bubble[data-arrow-mobile=left][data-v-c1150fbd]:before{left:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-len) + var(--comic-bubble-border-width,0px));height:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2)}.speech-bubble[data-arrow-mobile=left][data-v-c1150fbd]:after{left:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:var(--current-len);height:calc(var(--current-width)*2)}.speech-bubble[data-arrow-mobile=right][data-v-c1150fbd]:after,.speech-bubble[data-arrow-mobile=right][data-v-c1150fbd]:before{top:var(--current-pos);clip-path:polygon(0 0,100% 50%,0 100%);display:block;transform:translateY(-50%)}.speech-bubble[data-arrow-mobile=right][data-v-c1150fbd]:before{right:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-len) + var(--comic-bubble-border-width,0px));height:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2)}.speech-bubble[data-arrow-mobile=right][data-v-c1150fbd]:after{right:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:var(--current-len);height:calc(var(--current-width)*2)}.speech-bubble[data-arrow-mobile=top][data-v-c1150fbd]:after,.speech-bubble[data-arrow-mobile=top][data-v-c1150fbd]:before{left:var(--current-pos);clip-path:polygon(0 100%,50% 0,100% 100%);display:block;transform:translate(-50%)}.speech-bubble[data-arrow-mobile=top][data-v-c1150fbd]:before{top:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2);height:calc(var(--current-len) + var(--comic-bubble-border-width,0px))}.speech-bubble[data-arrow-mobile=top][data-v-c1150fbd]:after{top:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:calc(var(--current-width)*2);height:var(--current-len)}.speech-bubble[data-arrow-mobile=bottom][data-v-c1150fbd]:after,.speech-bubble[data-arrow-mobile=bottom][data-v-c1150fbd]:before{left:var(--current-pos);clip-path:polygon(0 0,100% 0,50% 100%);display:block;transform:translate(-50%)}.speech-bubble[data-arrow-mobile=bottom][data-v-c1150fbd]:before{bottom:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap) - var(--comic-bubble-border-width,0px));width:calc(var(--current-width)*2 + var(--comic-bubble-border-width,0px)*2);height:calc(var(--current-len) + var(--comic-bubble-border-width,0px))}.speech-bubble[data-arrow-mobile=bottom][data-v-c1150fbd]:after{bottom:calc(var(--current-len)*-1 + var(--bubble-arrow-overlap));width:calc(var(--current-width)*2);height:var(--current-len)}}.speech-bubble[data-arrow-mobile=none][data-v-c1150fbd]:after,.speech-bubble[data-arrow-mobile=none][data-v-c1150fbd]:before,.speech-bubble[data-arrow=none][data-v-c1150fbd]:after,.speech-bubble[data-arrow=none][data-v-c1150fbd]:before{display:none}.speech-bubble[data-variant=yellow][data-v-c1150fbd]{--bubble-bg:#fff9e6}.speech-bubble[data-variant=blue][data-v-c1150fbd]{--bubble-bg:#e6f4ff}.speech-bubble[data-variant=purple][data-v-c1150fbd]{--bubble-bg:#f3e6ff}.speech-bubble[data-variant=green][data-v-c1150fbd]{--bubble-bg:#e6ffe6}.speech-bubble[data-variant=orange][data-v-c1150fbd]{--bubble-bg:#ffe6cc}.speech-bubble[data-variant=standard][data-v-c1150fbd]{--bubble-bg:#e8e5f0}.speech-bubble[data-variant=startingPoint][data-v-c1150fbd]{--bubble-bg:#d1f7e8}.speech-bubble[data-variant=checkpoint][data-v-c1150fbd]{--bubble-bg:#fef3c7}.speech-bubble[data-variant=exitReflection][data-v-c1150fbd]{--bubble-bg:#fee2e2}.speech-bubble[data-variant][data-v-c1150fbd]:not([data-variant=default]){background-image:radial-gradient(circle,#00000026 1px,#0000 0);background-size:8px 8px}