.modal{z-index:400;position:fixed;top:0;left:0;width:100vw;height:100dvh;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.modal__wrapper{position:relative;background:#fff;padding:3.2rem 0;width:100%;transition:all .3s ease;display:flex;flex-direction:column;gap:4rem;height:100%;max-height:100dvh;overflow:hidden;overflow-y:auto}.modal--open{opacity:1}.modal--close{opacity:0}.modal__cancel{position:absolute;top:0;right:0;cursor:pointer;width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;background:#e2e4e9;z-index:2}.modal__header{padding:0 2.5rem}.modal__content{overflow:hidden;overflow-y:auto}@media(max-width:768px){.modal__wrapper{width:100%;max-width:100%;height:100dvh;max-height:100dvh;padding:5.6rem 0 1.6rem}.modal__cancel{top:0;left:0;width:100%;height:4rem;justify-content:center;align-items:center}}