@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalZoom{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes modalFlipX{0%{opacity:0;transform:perspective(600px)rotateX(90deg)}to{opacity:1;transform:perspective(600px)rotateX(0)}}@keyframes modalFlipY{0%{opacity:0;transform:perspective(600px)rotateY(90deg)}to{opacity:1;transform:perspective(600px)rotateY(0)}}@keyframes modalRotateIn{0%{opacity:0;transform:scale(.9)rotate(-15deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes modalPop{0%{opacity:0;transform:scale(0)}70%{transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes modalBlurIn{0%{opacity:0;filter:blur(.5rem);transform:scale(.96)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes modalGlitch{0%{opacity:0;filter:hue-rotate(90deg);transform:translate(-.25rem,.125rem)skew(-2deg)}20%{transform:translate(.25rem,-.125rem)skew(2deg)}40%{transform:translate(-.125rem,.125rem)skew(1deg)}60%{filter:hue-rotate();transform:translate(.125rem)skew(-1deg)}to{opacity:1;transform:translate(0)skew(0deg)}}@keyframes modalBounce{0%{opacity:0;transform:scale(.7)}50%{transform:scale(1.1)}75%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalSwing{0%{opacity:0;transform:rotate(-20deg)scale(.9)}40%{transform:rotate(10deg)}70%{transform:rotate(-5deg)}to{opacity:1;transform:rotate(0)scale(1)}}@keyframes modalElastic{0%{opacity:0;transform:scale(0)}40%{transform:scale(1.15)}60%{transform:scale(.92)}80%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}[data-modal-animation=fade]{animation:.25s ease-out both modalFade}[data-modal-animation=zoom]{animation:.3s cubic-bezier(.34,1.56,.64,1) both modalZoom}[data-modal-animation=flip-x]{animation:.35s ease-out both modalFlipX}[data-modal-animation=flip-y]{animation:.35s ease-out both modalFlipY}[data-modal-animation=rotate-in]{animation:.35s cubic-bezier(.34,1.56,.64,1) both modalRotateIn}[data-modal-animation=pop]{animation:.4s cubic-bezier(.34,1.56,.64,1) both modalPop}[data-modal-animation=blur-in]{animation:.35s ease-out both modalBlurIn}[data-modal-animation=glitch]{animation:.4s ease-out both modalGlitch}[data-modal-animation=bounce]{animation:.45s ease-out both modalBounce}[data-modal-animation=swing]{animation:.5s ease-out both modalSwing}[data-modal-animation=elastic]{animation:.5s ease-out both modalElastic}@keyframes modalSlideFrom{0%{opacity:0;transform:translate(var(--from-x,0), var(--from-y,0))}to{opacity:1;transform:translate(0)}}@keyframes modalDropFrom{0%{opacity:0;transform:translate(var(--from-x,0), var(--from-y,0)) scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes modalFoldV{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes modalFoldH{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes modalFoldD{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes modalRevealTop{0%{opacity:0;clip-path:inset(0 0 100% round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealBottom{0%{opacity:0;clip-path:inset(100% 0 0 round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealLeft{0%{opacity:0;clip-path:inset(0 100% 0 0 round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealRight{0%{opacity:0;clip-path:inset(0 0 0 100% round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealTopLeft{0%{opacity:0;clip-path:inset(0 100% 100% 0 round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealTopRight{0%{opacity:0;clip-path:inset(0 0 100% 100% round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealBottomRight{0%{opacity:0;clip-path:inset(100% 0 0 100% round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}@keyframes modalRevealBottomLeft{0%{opacity:0;clip-path:inset(100% 100% 0 0 round .875rem)}to{opacity:1;clip-path:inset(0 round .875rem)}}[data-modal-animation=slide],[data-modal-animation=slide-corner]{animation:.32s cubic-bezier(.34,1.56,.64,1) both modalSlideFrom}[data-modal-animation=slide-corner]{animation-duration:.35s}[data-modal-animation=slide][data-modal-direction=top-left]{--from-x:-3rem;--from-y:-3rem}[data-modal-animation=slide][data-modal-direction=top]{--from-x:0;--from-y:-3rem}[data-modal-animation=slide][data-modal-direction=top-right]{--from-x:3rem;--from-y:-3rem}[data-modal-animation=slide][data-modal-direction=right]{--from-x:3rem;--from-y:0}[data-modal-animation=slide][data-modal-direction=bottom-right]{--from-x:3rem;--from-y:3rem}[data-modal-animation=slide][data-modal-direction=bottom]{--from-x:0;--from-y:3rem}[data-modal-animation=slide][data-modal-direction=bottom-left]{--from-x:-3rem;--from-y:3rem}[data-modal-animation=slide][data-modal-direction=left]{--from-x:-3rem;--from-y:0}[data-modal-animation=slide-corner][data-modal-direction=top-left]{--from-x:-6rem;--from-y:-4rem}[data-modal-animation=slide-corner][data-modal-direction=top]{--from-x:-2rem;--from-y:-6rem}[data-modal-animation=slide-corner][data-modal-direction=top-right]{--from-x:6rem;--from-y:-4rem}[data-modal-animation=slide-corner][data-modal-direction=right]{--from-x:6rem;--from-y:2rem}[data-modal-animation=slide-corner][data-modal-direction=bottom-right]{--from-x:6rem;--from-y:4rem}[data-modal-animation=slide-corner][data-modal-direction=bottom]{--from-x:2rem;--from-y:6rem}[data-modal-animation=slide-corner][data-modal-direction=bottom-left]{--from-x:-6rem;--from-y:4rem}[data-modal-animation=slide-corner][data-modal-direction=left]{--from-x:-6rem;--from-y:-2rem}[data-modal-animation=drop]{animation:.38s cubic-bezier(.22,1,.36,1) both modalDropFrom}[data-modal-animation=drop][data-modal-direction=top-left]{--from-x:-2rem;--from-y:-2rem}[data-modal-animation=drop][data-modal-direction=top]{--from-x:0;--from-y:-2rem}[data-modal-animation=drop][data-modal-direction=top-right]{--from-x:2rem;--from-y:-2rem}[data-modal-animation=drop][data-modal-direction=right]{--from-x:2rem;--from-y:0}[data-modal-animation=drop][data-modal-direction=bottom-right]{--from-x:2rem;--from-y:2rem}[data-modal-animation=drop][data-modal-direction=bottom]{--from-x:0;--from-y:2rem}[data-modal-animation=drop][data-modal-direction=bottom-left]{--from-x:-2rem;--from-y:2rem}[data-modal-animation=drop][data-modal-direction=left]{--from-x:-2rem;--from-y:0}[data-modal-animation=fold][data-modal-direction=top]{transform-origin:top;animation:.32s ease-out both modalFoldV}[data-modal-animation=fold][data-modal-direction=bottom]{transform-origin:bottom;animation:.32s ease-out both modalFoldV}[data-modal-animation=fold][data-modal-direction=left]{transform-origin:0;animation:.32s ease-out both modalFoldH}[data-modal-animation=fold][data-modal-direction=right]{transform-origin:100%;animation:.32s ease-out both modalFoldH}[data-modal-animation=fold][data-modal-direction=top-left]{transform-origin:0 0;animation:.32s ease-out both modalFoldD}[data-modal-animation=fold][data-modal-direction=top-right]{transform-origin:100% 0;animation:.32s ease-out both modalFoldD}[data-modal-animation=fold][data-modal-direction=bottom-right]{transform-origin:100% 100%;animation:.32s ease-out both modalFoldD}[data-modal-animation=fold][data-modal-direction=bottom-left]{transform-origin:0 100%;animation:.32s ease-out both modalFoldD}[data-modal-animation=reveal][data-modal-direction=top]{animation:.4s ease-out both modalRevealTop}[data-modal-animation=reveal][data-modal-direction=bottom]{animation:.4s ease-out both modalRevealBottom}[data-modal-animation=reveal][data-modal-direction=left]{animation:.4s ease-out both modalRevealLeft}[data-modal-animation=reveal][data-modal-direction=right]{animation:.4s ease-out both modalRevealRight}[data-modal-animation=reveal][data-modal-direction=top-left]{animation:.4s ease-out both modalRevealTopLeft}[data-modal-animation=reveal][data-modal-direction=top-right]{animation:.4s ease-out both modalRevealTopRight}[data-modal-animation=reveal][data-modal-direction=bottom-right]{animation:.4s ease-out both modalRevealBottomRight}[data-modal-animation=reveal][data-modal-direction=bottom-left]{animation:.4s ease-out both modalRevealBottomLeft}@media (prefers-reduced-motion:reduce){[data-modal-animation]{animation:none}}
