.modals--wrapper{position:fixed;top:0;left:0;height:100vh;height:calc(var(--vh, 1vh)*100);width:100vw;will-change:background-color,transform;-webkit-transition:background-color .3s ease,-webkit-transform 0s ease .3s;transition:background-color .3s ease,-webkit-transform 0s ease .3s;transition:background-color .3s ease,transform 0s ease .3s;transition:background-color .3s ease,transform 0s ease .3s,-webkit-transform 0s ease .3s;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:scaleY(0);transform:scaleY(0);z-index:100}.modals--wrapper.visible{background-color:rgba(0,0,0,.1);-webkit-transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,-webkit-backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease;transition:background-color .3s ease,backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease;-webkit-transform:scaleY(1);transform:scaleY(1)}.modals--wrapper .custom-modal{max-width:26em;max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-animation:modal-show .2s ease-out forwards;animation:modal-show .2s ease-out forwards}.modals--wrapper .custom-modal .custom-modal--title{font-size:1.3em}.modals--wrapper .custom-modal .custom-modal--content{font-size:.95em}.modals--wrapper .custom-modal .custom-modal--close{opacity:.4;will-change:opacity;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.modals--wrapper .custom-modal .custom-modal--close:active,.modals--wrapper .custom-modal .custom-modal--close:hover{opacity:.6}@-webkit-keyframes modal-show{0%{opacity:0;-webkit-transform:translateY(20vh);transform:translateY(20vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modal-show{0%{opacity:0;-webkit-transform:translateY(20vh);transform:translateY(20vh)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}