.mascot-bubble[data-v-f2bf7781]{--tail:16px;--skew:4px;--tail-x:calc(var(--arrow-x,50%) + var(--tail-shift,0px));gap:var(--spacing-100);width:240px;max-width:calc(100vw - var(--spacing-300));padding:var(--spacing-125) var(--spacing-150);background-color:var(--background-brand);flex-direction:column;display:flex}.mascot-bubble.tail-bottom[data-v-f2bf7781]{padding-bottom:calc(var(--spacing-125) + var(--tail));clip-path:polygon(var(--skew) 0,calc(100% - var(--skew)) var(--skew),100% calc(100% - var(--tail)),var(--tail-x) calc(100% - var(--tail)),var(--tail-x) 100%,calc(var(--tail-x) - var(--tail)) calc(100% - var(--tail)),0 calc(100% - var(--tail)))}.mascot-bubble.tail-top[data-v-f2bf7781]{padding-top:calc(var(--spacing-125) + var(--tail));clip-path:polygon(var(--skew) var(--tail),calc(var(--tail-x) - var(--tail)) var(--tail),var(--tail-x) 0,var(--tail-x) var(--tail),calc(100% - var(--skew)) var(--tail),100% calc(100% - var(--skew)),0 100%)}.mascot-bubble.closable[data-v-f2bf7781]{width:296px;padding:var(--spacing-150)}.mascot-bubble.closable.tail-bottom[data-v-f2bf7781]{padding-bottom:calc(var(--spacing-150) + var(--tail))}.mascot-bubble.closable.tail-top[data-v-f2bf7781]{padding-top:calc(var(--spacing-150) + var(--tail))}.mascot-bubble[data-v-f2bf7781]:not(.closable){text-align:center}.body[data-v-f2bf7781]{gap:var(--spacing-100);align-items:flex-start;display:flex}.text[data-v-f2bf7781]{min-width:0;font:var(--mobile-text-medium);overflow-wrap:anywhere;flex:auto;margin:0}.close[data-v-f2bf7781],.text[data-v-f2bf7781]{color:var(--text-primary)}.close[data-v-f2bf7781]{cursor:pointer;flex-shrink:0}.progress[data-v-f2bf7781]{border-radius:var(--border-radius-full);background-color:#110c183d;height:4px;overflow:hidden}.progress-fill[data-v-f2bf7781]{border-radius:inherit;background-color:#110c1866;height:100%;animation:linear forwards drain-f2bf7781}@keyframes drain-f2bf7781{0%{transform-origin:0;transform:scaleX(1)}to{transform-origin:0;transform:scaleX(0)}}