@layer components{.OverlayPortal{position:fixed;inset:0;top:50px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;padding:15px}@media(min-width:720px){.OverlayPortal{top:80px}}.OverlayPortal__background{position:fixed;inset:0;top:50px;z-index:10;background-color:rgba(0,0,0,.5);opacity:0;-webkit-transition:opacity .1s linear;transition:opacity .1s linear}@media(min-width:720px){.OverlayPortal__background{top:80px}}.OverlayPortal__content{position:absolute;inset:0;left:auto;z-index:20;background:#fff;-webkit-transition:opacity .1s linear,-webkit-transform .1s ease-out;transition:opacity .1s linear,-webkit-transform .1s ease-out;transition:opacity .1s linear,transform .1s ease-out;transition:opacity .1s linear,transform .1s ease-out,-webkit-transform .1s ease-out;max-height:100%;min-width:min(360px,100%);max-width:min(560px,100%);display:-ms-flexbox;display:flex;pointer-events:none}.OverlayPortal__content>*{pointer-events:all}.OverlayPortal--entered .OverlayPortal__background,.OverlayPortal--entering .OverlayPortal__background{opacity:1}.OverlayPortal--entered .OverlayPortal__content,.OverlayPortal--entering .OverlayPortal__content{opacity:1;-webkit-transform:none;transform:none}.OverlayPortal--exited .OverlayPortal__background,.OverlayPortal--exiting .OverlayPortal__background{opacity:0}.OverlayPortal--exited .OverlayPortal__content,.OverlayPortal--exiting .OverlayPortal__content{opacity:0;-webkit-transform:translateY(-15px) scale(.95);transform:translateY(-15px) scale(.95);-webkit-transition:opacity .1s linear,-webkit-transform .1s ease-in;transition:opacity .1s linear,-webkit-transform .1s ease-in;transition:opacity .1s linear,transform .1s ease-in;transition:opacity .1s linear,transform .1s ease-in,-webkit-transform .1s ease-in}}