.on-modal-enter-active,.on-modal-leave-active{transition-property:opacity;transition-duration:.2s;transition-timing-function:ease-out}.on-modal-enter-active .window,.on-modal-leave-active .window{transition-property:transform,opacity!important;transition-duration:.2s!important;transition-timing-function:ease-out!important}.on-modal-enter-from,.on-modal-leave-to{opacity:0}.on-modal-enter-from .window,.on-modal-leave-to .window{transform:translateY(100%)!important}@media(min-width:64rem){.on-modal-enter-from .window,.on-modal-leave-to .window{transform:scale(.9)!important}}@media(min-width:48rem){.on-modal[data-tablet-desktop].on-modal-enter-from .window,.on-modal[data-tablet-desktop].on-modal-leave-to .window{transform:scale(.9)!important}}.on-modal .window{touch-action:none;transform:translateY(var(--modal-drag-y,0));width:var(--modal-width,auto);transition-property:transform;transition-timing-function:cubic-bezier(.2,.8,.2,1);transition-duration:var(--modal-duration,.2s);will-change:transform}.on-modal .on-modal__body{--border-color:var(--color-gray-200);--bg-color:#fff;background:linear-gradient(var(--bg-color) 30%,#fff0),linear-gradient(#fff0,var(--bg-color) 70%) 0 100%,linear-gradient(var(--border-color),var(--border-color)),linear-gradient(var(--border-color),var(--border-color)) 0 100%;background-repeat:no-repeat;background-color:var(--bg-color);background-size:100% 40px,100% 40px,100% 1px,100% 1px;background-attachment:local,local,scroll,scroll}