.otf-sg{position:absolute;left:0;top:0;width:var(--otf-sg-size, 48px);height:var(--otf-sg-size, 48px);pointer-events:none;user-select:none;-webkit-user-select:none}.otf-sg-body{display:block;width:100%;height:100%;transform-origin:50% 100%}.otf-sg .sprout-mascot{display:flex}.otf-sg-welcome{position:fixed;z-index:9999}.otf-sg-bubble{position:absolute;left:calc(100% + 10px);top:0;padding:9px 15px 10px;border:1.5px solid rgba(140,21,21,.18);border-radius:18px;background:#fffdf0;box-shadow:0 14px 32px #140c0657;color:#2f251c;font-family:inherit;font-size:15px;font-weight:850;line-height:1.2;letter-spacing:0;white-space:nowrap;opacity:0;transform-origin:0 50%}.otf-sg-bubble:before{content:"";position:absolute;left:-6px;top:calc(50% - 5px);width:9px;height:9px;border-left:inherit;border-bottom:inherit;background:inherit;transform:rotate(45deg)}.otf-sg-bubble.is-left{left:auto;right:calc(100% + 10px);transform-origin:100% 50%}.otf-sg-bubble.is-left:before{left:auto;right:-6px;border:0;border-right:inherit;border-top:inherit}.otf-sg-island{z-index:4}.otf-sg-hop{z-index:3}.otf-sg-clip{position:absolute;z-index:3;overflow:hidden;pointer-events:none}.otf-sg-clip .otf-sg{position:absolute}.otf-sg-ledge{z-index:2}.otf-sg.otf-sg-inline{left:auto;top:auto;display:inline-block;margin-left:.8em;margin-top:calc(1.2em - var(--otf-sg-size, 36px));vertical-align:baseline}.otf-sg-blink .sprout-face:before,.otf-sg-blink .sprout-face:after{transform-origin:center;animation:otfSgBlink .2s ease-in-out var(--otf-sg-blink-at, 0ms) 1 both}@keyframes otfSgBlink{0%,to{transform:scaleY(1)}50%{transform:scaleY(.12)}}.otf-sg-paused .otf-sg,.otf-sg-paused .otf-sg *,.otf-sg-paused .otf-sg .sprout-face:before,.otf-sg-paused .otf-sg .sprout-face:after{animation-play-state:paused!important}.otf-sprout-dock.is-awaiting-sprout{visibility:hidden;animation:none;pointer-events:none}.otf-sprout-dock.is-receiving-sprout{animation:none;pointer-events:none}.otf-sprout-dock.is-receiving-sprout .sprout-mascot,.sprout-mascot.otf-sg-hold{opacity:0!important}.otf-sprout-dock.is-landed:not(.is-leaving){animation:none}@media(prefers-reduced-motion:reduce){.sprout-mascot.sprout-arrives,.sprout-mascot.sprout-alive,.sprout-mascot.sprout-alive .sprout-face:before,.sprout-mascot.sprout-alive .sprout-face:after,.sprout-mascot.sprout-waves .sprout-arm,.otf-sg,.otf-sg *,.otf-sg .sprout-face:before,.otf-sg .sprout-face:after{animation:none!important}.otf-sprout-dock:not(.is-awaiting-sprout):not(.is-receiving-sprout):not(.is-landed):not(.is-leaving){animation:otfSgFadeIn .16s ease-out both}@keyframes otfSgFadeIn{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=sprout-guide.css.map */