.bu-character{position:relative;display:inline-block;width:110px;height:155px;isolation:isolate;flex-shrink:0;vertical-align:middle;--bu-fur:#fffaf1}
.bu-character .bu-head{position:absolute;top:0;left:8px;width:94px;height:110px;max-width:none;object-fit:contain;z-index:3;margin:0}
.bu-body{position:absolute;top:104px;left:25px;width:62px;height:42px;background:var(--bu-fur);border:2px solid #51474a;border-radius:45% 45% 42% 42%;z-index:1;box-shadow:inset 0 -7px 0 #edddce50}.bu-body:after{content:'';position:absolute;left:17px;top:8px;width:25px;height:24px;border-radius:50%;background:#f3e1df}
.bu-foot{position:absolute;bottom:3px;width:26px;height:13px;border:2px solid #51474a;background:var(--bu-fur);border-radius:50%;z-index:2}.bu-foot.left{left:23px;transform:rotate(-10deg)}.bu-foot.right{right:21px;transform:rotate(10deg)}
.bu-paw{position:absolute;top:116px;width:18px;height:23px;border:2px solid #51474a;background:var(--bu-fur);border-radius:50%;z-index:5}.bu-paw.left{left:18px;transform:rotate(-30deg)}.bu-paw.right{right:16px;transform:rotate(30deg)}
.bu-prop{position:absolute;top:109px;left:31px;width:52px;text-align:center;font-size:38px;line-height:1;z-index:4;filter:drop-shadow(0 4px 2px #8a617522)}
.bu-blush{position:absolute;top:88px;width:12px;height:7px;border-radius:50%;background:#efb0b8a6;z-index:4}.bu-blush.left{left:24px}.bu-blush.right{right:23px}
.bu-hero-scene{position:absolute;right:-8px;bottom:1px;z-index:5;transform:rotate(5deg)}.bu-hero-scene .bu-character{transform:scale(1.1);transform-origin:bottom center}.bu-speech{position:absolute;right:42px;top:-40px;white-space:nowrap;font-family:'Itim',cursive;font-size:14px;color:#906e6c;padding:10px 15px;border-radius:20px 20px 3px 20px;background:#fffaf4;box-shadow:0 4px 16px #8a61750d;transform:rotate(-5deg)}
.hero-art .art-stamp{display:none}.gift-card .art-emoji{display:none}.card-art>.bu-character{position:absolute;bottom:4px;left:calc(50% - 55px);transform:scale(.9);transform-origin:bottom center}.card-art:before{background:#ffffff28}.gift-card:nth-child(even) .bu-character{transform:rotate(5deg) scale(.9)}.gift-card:nth-child(3n) .bu-character{transform:rotate(-5deg) scale(.9)}
.mascot-welcome .bu-greet{appearance:none;border:0;background:transparent;padding:0;cursor:pointer;height:126px;flex-basis:100px;min-width:100px;position:relative}.bu-greet>.bu-character{position:absolute;bottom:0;left:-5px;transform:scale(.8);transform-origin:bottom center}.bu-touch-hint{display:block;margin-top:9px;color:#a17d79!important;font-family:inherit!important;letter-spacing:0!important;font-size:10px!important}
.bu-mini{position:absolute;right:0;top:0;transform:scale(.38);transform-origin:top right;pointer-events:none}.how-it-works>div{padding-right:44px}.bu-small{width:88px;height:124px;transform:scale(.8);transform-origin:bottom left;margin-right:-18px}.bu-closing-pair{display:flex;justify-content:center;align-items:flex-end;margin:-8px auto 0;height:130px;gap:7px}.bu-closing-pair .bu-character:first-child{rotate:-8deg}.bu-closing-pair .bu-character:last-child{rotate:8deg}
.bu-editor-note{display:flex;align-items:center;gap:20px;margin:15px 0 24px;padding:4px 23px 12px;background:#f7eeea;border-radius:20px}.bu-editor-note p{font-family:'Itim',cursive;font-size:18px;line-height:1.8;color:#977173;margin:0}.library-empty>.bu-small{display:block;margin:-5px auto 0;transform-origin:bottom center}
@media(max-width:600px){.bu-hero-scene{right:0;bottom:6px;transform:rotate(5deg) scale(.86);transform-origin:bottom right}.bu-speech{font-size:12px;right:30px;top:-35px}.mascot-welcome .bu-greet{min-width:76px;flex-basis:76px;height:105px}.bu-greet>.bu-character{transform:scale(.68);left:-17px}.card-art>.bu-character{transform:scale(.74);bottom:-4px}.gift-card:nth-child(even) .bu-character{transform:rotate(5deg) scale(.74)}.gift-card:nth-child(3n) .bu-character{transform:rotate(-5deg) scale(.74)}.how-it-works>div{padding-right:0;padding-top:38px}.bu-mini{transform:scale(.26);left:0;right:auto;transform-origin:top left}.bu-editor-note{gap:12px;padding:5px 17px 14px}.bu-editor-note p{font-size:16px}.bu-editor-note .bu-character{flex-shrink:0}}
@media(prefers-reduced-motion:no-preference){.bu-hero-scene .bu-character{animation:bu-bob 4s ease-in-out infinite}.gift-card:hover .bu-paw.right,.gift-card:focus-within .bu-paw.right{animation:bu-wave .7s ease-in-out 2}.bu-wiggle{animation:bu-wiggle .55s ease-in-out}@keyframes bu-bob{50%{translate:0 -7px;rotate:-3deg}}@keyframes bu-wave{50%{transform:translate(4px,-8px) rotate(65deg)}}@keyframes bu-wiggle{25%{rotate:-7deg}75%{rotate:7deg}}}
