.backdrop{--default-modal-backdrop-bg:rgba(0,0,0,.5);--default-modal-backdrop-filter:blur(8px) grayscale(100%);--default-modal-backdrop-z-index:999;-webkit-backdrop-filter:var(--modal-backdrop-filter,var(--default-modal-backdrop-filter));backdrop-filter:var(--modal-backdrop-filter,var(--default-modal-backdrop-filter));background-color:var(--modal-backdrop-bg,var(--default-modal-backdrop-bg));z-index:var(--modal-backdrop-z-index,var(--default-modal-backdrop-z-index))}.modal{background-color:var(--modal-bg,#fff);bottom:unset;height:var(--modal-height,100svh);left:unset;max-height:var(--modal-max-height,100svh);max-width:var(--modal-max-width,35vw);position:fixed;right:0;top:0;width:var(--modal-width,35vw);z-index:var(--modal-z-index,1000)}.modal-transition-fade-enter-active,.modal-transition-fade-leave-active{transition:opacity .3s ease}.modal-transition-fade-enter-from,.modal-transition-fade-leave-to{opacity:0}.modal-transition-fade-up-enter-active,.modal-transition-fade-up-leave-active{transition:opacity .3s ease,transform .3s ease}.modal-transition-fade-up-enter-from,.modal-transition-fade-up-leave-to{opacity:0;transform:translateY(10%)}.modal-transition-slide-right-enter-active,.modal-transition-slide-right-leave-active{transition:transform .3s ease}.modal-transition-slide-right-enter-from,.modal-transition-slide-right-leave-to{transform:translate(100%)}