/* A small heart arrives, lets go, and leaves a few handwritten words. */
.balloon-note{isolation:isolate}
.balloon-note .bn-word{display:inline-block;white-space:nowrap}
.balloon-note .bn-letter{opacity:0;transition:none}
.balloon-note .bn-letter.is-inked{opacity:1}
.balloon-note[data-bn-state=complete] .bn-letter{opacity:1}
.balloon-note .bn-effects{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;border-radius:inherit;contain:layout paint}
.balloon-note .bn-heart{position:absolute;left:50%;top:43%;width:96px;height:auto;max-width:none;margin-left:-48px;margin-top:-48px;opacity:0;transform-origin:50% 31%;pointer-events:none;user-select:none}
.balloon-note .bn-burst{position:absolute;left:50%;top:43%;width:1px;height:1px;pointer-events:none}
.balloon-note .bn-petal{position:absolute;left:-6px;top:-8px;width:12px;height:16px;opacity:0;transform-origin:50% 50%;border-radius:65% 20% 55% 30%;background:linear-gradient(125deg,#f5d0c3,#c78981 65%,#9d695e);box-shadow:inset 1px 1px 1px #fff5d580}
.balloon-note .bn-petal:nth-child(3n){width:7px;height:12px;background:linear-gradient(120deg,#fff3c8,#bc9958);border-radius:2px 6px 2px 7px;box-shadow:none}
.postcard-back.balloon-note{overflow:hidden}
.postcard-back.balloon-note small{transition:opacity .4s}
.postcard-back.balloon-note[data-bn-state=waiting] small,.postcard-back.balloon-note[data-bn-state=arriving] small,.postcard-back.balloon-note[data-bn-state=burst] small{opacity:0}
.postcard-back.balloon-note>span:not(.bn-effects){transition:opacity .5s}
.postcard-back.balloon-note:not([data-bn-state=complete])>span:not(.bn-effects){opacity:0}
.tw-back.balloon-note .tw-letter-paragraph{font:20px/1.18 MoonHand,cursive;letter-spacing:0;margin-bottom:5px;text-wrap:initial}
.tw-back.balloon-note .tw-letter-close{font-size:22px;margin-top:8px}
.tw-back.balloon-note .tw-letter-close>[data-from]{font-size:28px}
.tw-back.balloon-note .tw-letter-close>.bn-word{display:inline-block;margin-top:0;font-size:inherit}
.tw-back.balloon-note .tw-letter-sprig{opacity:0;transition:opacity .7s}
.tw-back.balloon-note[data-bn-state=complete] .tw-letter-sprig{opacity:1}
.tw-back.balloon-note .bn-heart{width:103px;margin-left:-51.5px;top:40%}
.tw-back.balloon-note .bn-burst{top:40%}
@media(max-width:360px){.tw-back.balloon-note{padding-top:18px}.tw-back.balloon-note .tw-salutation{margin-bottom:5px}.tw-back.balloon-note .tw-letter-paragraph{font-size:19px;line-height:1.18}.tw-back.balloon-note .tw-sorry-title{font-size:29px;margin-bottom:7px}.tw-back.balloon-note .tw-letter-close{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.balloon-note .bn-effects{display:none}.balloon-note .bn-letter{opacity:1}.balloon-note *{transition:none!important}}