.fh-env{display:block;width:100%;max-width:340px;height:auto;overflow:visible}@media screen and (min-width:750px){.fh-env{max-width:520px}}.fh-env__klep-open,.fh-env__klep-dicht{transform-box:view-box;transform-origin:260px 200px}.fh-env__stempel{transform-box:view-box;transform-origin:260px 330px}.fh-env__envelop{transform-box:view-box;transform-origin:260px 410px}.fh-env__voor,.fh-env__achter{transform-box:fill-box;transform-origin:50% 50%}.fh-env__lijn{transform-box:fill-box;transform-origin:100% 50%}.fh-env__rand,.fh-env__nul{font-family:var(--fh-display);fill:var(--fh-papier, #FBF8F2)}.fh-env__achter{opacity:0}.fh-env__voor{transform:translateY(165px)}.fh-env__klep-open{transform:scaleY(0)}.fh-env__stempel{transform:rotate(-8deg)}.fh-env__envelop{transform:translate(16px,-10px) rotate(-4deg)}.fh-env.is-klaar .fh-env__achter{animation:fh-env-weg .45s ease-in .6s both paused}.fh-env.is-klaar .fh-env__voor{animation:fh-env-in 1.4s linear .5s both paused}.fh-env.is-klaar .fh-env__klep-open{animation:fh-env-klep-open .3s ease-in 2s both paused}.fh-env.is-klaar .fh-env__klep-dicht{animation:fh-env-klep-dicht .35s ease-out 2.3s both paused}.fh-env.is-klaar .fh-env__stempel{animation:fh-env-stempel .35s ease-out 2.75s both paused}.fh-env.is-klaar .fh-env__envelop{animation:fh-env-ervandoor .7s cubic-bezier(.32,.72,0,1) 3.2s both paused}.fh-env.is-klaar .fh-env__lijn{animation:fh-env-lijn .45s ease-out 3.35s both paused}.fh-env.is-klaar .fh-env__lijn:nth-child(2){animation-delay:3.42s}.fh-env.is-klaar .fh-env__lijn:nth-child(3){animation-delay:3.49s}@keyframes fh-env-weg{0%{opacity:1;transform:translate(64px,-18px) rotate(7deg)}to{opacity:0;transform:translate(100px,-34px) rotate(13deg)}}@keyframes fh-env-in{0%{transform:translate(0) rotate(-3deg);animation-timing-function:ease-out}22%{transform:translateY(-14px) rotate(-2deg) scale(1.03)}36%{transform:translateY(-14px) rotate(-2deg) scale(1.03);animation-timing-function:cubic-bezier(.55,0,.35,1)}to{transform:translateY(165px) rotate(0) scale(1)}}@keyframes fh-env-klep-open{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes fh-env-klep-dicht{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes fh-env-stempel{0%{opacity:0;transform:rotate(-8deg) scale(1.6)}70%{opacity:1;transform:rotate(-8deg) scale(.94)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes fh-env-ervandoor{0%{transform:translate(0) rotate(0)}to{transform:translate(16px,-10px) rotate(-4deg)}}@keyframes fh-env-lijn{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.fh-env.is-rustig .fh-env__envelop{transform:none}.fh-env.is-rustig .fh-env__voor{transform:rotate(-3deg)}.fh-env.is-rustig .fh-env__achter{transform:translate(64px,-18px) rotate(7deg)}.fh-env.is-rustig .fh-env__klep-open{transform:none}.fh-env.is-rustig .fh-env__voor,.fh-env.is-rustig .fh-env__achter,.fh-env.is-rustig .fh-env__klep-open{animation:fh-env-uit .8s linear 1.4s both paused}.fh-env.is-rustig .fh-env__klep-dicht,.fh-env.is-rustig .fh-env__stempel,.fh-env.is-rustig .fh-env__lijn{animation:fh-env-aan .8s linear 1.4s both paused}@keyframes fh-env-uit{0%{opacity:1}to{opacity:0}}@keyframes fh-env-aan{0%{opacity:0}to{opacity:1}}svg.fh-env.is-spelen [class*=fh-env__]{animation-play-state:running}
/*# sourceMappingURL=/cdn/shop/t/35/assets/frankly-envelop.css.map */