.comp__modal.comp_modal_state_opening.comp_modal_mask{animation:maskFadeIn .4s ease-in-out forwards}.comp__modal.comp_modal_state_opening .comp_modal_content{animation:showModal .3s cubic-bezier(.37,.01,.63,.99) forwards}.comp__modal.comp_modal_state_opened.comp_modal_with_animate .comp_modal_content{opacity:1}.comp__modal.comp_modal_state_hiding.comp_modal_mask{animation:maskFadeOut .4s ease-in-out .05s forwards}.comp__modal.comp_modal_state_hiding .comp_modal_content{animation:hideModal .3s cubic-bezier(.37,.01,.63,.99) forwards}.comp__modal.comp_modal_state_hidden.comp_modal_with_animate .comp_modal_content{opacity:0}.comp__animation_mask{position:absolute;width:100vw;height:100vh;left:0;right:0;top:0;bottom:0;background-color:hsla(0,0%,100%,.75);z-index:9999}.comp_modal_lockModal{position:absolute;width:100vw}.comp_modal_lockModal,.comp_modal_modal{top:0;left:0;display:flex;flex-direction:column;align-items:center}.comp_modal_modal{position:fixed;bottom:0;right:0}.comp_modal_mask{background:rgba(0,0,0,.75)}.comp_modal_center{justify-content:center}.comp_modal_top{justify-content:flex-start}.comp_modal_bottom{justify-content:flex-end}.comp_modal_bottom.comp_modal_with_animate .comp_modal_content{opacity:0}.comp_modal_content{position:relative}@keyframes showModal{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hideModal{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}@keyframes maskFadeOut{0%{background-color:rgba(0,0,0,.75)}to{background-color:rgba(0,0,0,0)}}@keyframes maskFadeIn{0%{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.75)}}