.modal{max-width:95vw;min-width:28rem;padding:0;z-index:999;--backdrop-color:#6300ff33;background-color:#fffc;border:none;border-radius:.5rem;box-shadow:0 0 1rem #0006;outline:none;overflow-y:auto;overscroll-behavior:none}.modal::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#5e5e5e80}.modal__head{align-items:center;background-color:#fff;box-shadow:0 0 .5rem #0003;display:flex;padding:1rem;position:sticky;top:0;width:100%;z-index:2}.modal__title{color:#666;font-size:1.4rem;font-weight:700;margin:0}.modal__body{position:relative;z-index:1}.modal__foot{align-items:center;background-color:#fff;border-top:1px solid #e5e5e5;bottom:0;display:flex;justify-content:flex-end;padding:1rem;position:sticky;z-index:2}.close{align-items:center;color:#666;cursor:pointer;display:block;display:flex;font-size:1.2rem;margin-left:auto}.close .close__icon{fill:#666;height:3rem;width:3rem}