.kani-klapp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;color:var(--kani-text);isolation:isolate}.kani-klapp[hidden]{display:none}.kani-klapp .kani-klapp__flaeche{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--kani-ink);transform-origin:0 0}.kani-klapp.is-auf .kani-klapp__flaeche,.kani-klapp.is-zu .kani-klapp__flaeche{will-change:transform}.kani-klapp.is-auf .kani-klapp__flaeche{animation:kani-klapp-auf .46s both}.kani-klapp.is-zu .kani-klapp__flaeche{animation:kani-klapp-zu .34s both}@keyframes kani-klapp-auf{0%{transform:translate(var(--kk-l),var(--kk-t)) scale(var(--kk-sx),var(--kk-sy));animation-timing-function:cubic-bezier(.3,.6,.3,1)}40%{transform:translateY(var(--kk-st)) scaleY(var(--kk-ssy));animation-timing-function:cubic-bezier(.5,0,.2,1)}to{transform:none}}@keyframes kani-klapp-zu{0%{transform:none;animation-timing-function:cubic-bezier(.5,0,.5,1)}55%{transform:translateY(var(--kk-st)) scaleY(var(--kk-ssy));animation-timing-function:cubic-bezier(.5,0,.7,.5)}to{transform:translate(var(--kk-l),var(--kk-t)) scale(var(--kk-sx),var(--kk-sy))}}.kani-klapp.is-auf .kani-klapp__kopf{animation:kani-klapp-kopf .46s ease-out both}.kani-klapp.is-auf .kani-klapp__inhalt{animation:kani-klapp-inhalt .46s ease-out both}.kani-klapp.is-zu .kani-klapp__kopf{animation:kani-klapp-aus .2s ease-in .1s both}.kani-klapp.is-zu .kani-klapp__inhalt{animation:kani-klapp-aus .14s ease-in both}@keyframes kani-klapp-kopf{0%,12%{opacity:0;transform:translate(28px)}45%,to{opacity:1;transform:none}}@keyframes kani-klapp-inhalt{0%,68%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kani-klapp-aus{to{opacity:0}}@media(prefers-reduced-motion:reduce){.kani-klapp.is-auf .kani-klapp__flaeche,.kani-klapp.is-zu .kani-klapp__flaeche,.kani-klapp.is-auf .kani-klapp__kopf,.kani-klapp.is-auf .kani-klapp__inhalt,.kani-klapp.is-zu .kani-klapp__kopf,.kani-klapp.is-zu .kani-klapp__inhalt{animation:none}.kani-klapp.is-auf{animation:kani-klapp-blende .15s ease both}.kani-klapp.is-zu{animation:kani-klapp-blende .15s ease reverse both}@keyframes kani-klapp-blende{0%{opacity:0}to{opacity:1}}}html.kani-klapp-offen,html.kani-klapp-offen body{overflow:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kani-klapp.css.map */