.modal{will-change:visibility,opacity;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-y:auto;overflow-x:hidden;z-index:1000;visibility:hidden;opacity:0;transition:all .5s cubic-bezier(.23,1,.32,1);z-index:99999}.modal--active{visibility:visible;opacity:1}.modal--align-top{align-items:flex-start;justify-content:center}.modal__bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.2);backdrop-filter:blur(10px);z-index:998}.modal__dialog{max-width:600px;width:100%;margin:1.6rem;box-sizing:border-box;padding:1.6rem}.modal__content{will-change:transform,opacity;position:relative;padding:2.4rem;background:#fff;background-clip:padding-box;opacity:0;transition:all .25s cubic-bezier(.23,1,.32,1);border-radius:.8rem;max-height:80vh;overflow-y:auto}.modal__content--active{opacity:1}.modal__close{z-index:1100;cursor:pointer}.modal__trigger{position:relative;display:inline-block;line-height:1;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;user-select:none;transition:all .5s cubic-bezier(.23,1,.32,1)}.modal__trigger--active{z-index:10}#modal__temp{will-change:transform,opacity;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;transform:none;opacity:1;transition:opacity .1s ease-out,transform .5s cubic-bezier(.23,1,.32,1)}.close{position:fixed;top:1.2rem;right:1.2rem;padding:.6rem;background:rgba(0,0,0,.3);border-radius:50%;transition:all .5s cubic-bezier(.23,1,.32,1);z-index:1100}.close svg{width:24px;fill:#fff;pointer-events:none;vertical-align:top}.close:hover{background:rgba(0,0,0,.6)}