.modal-container{display:flex;justify-content:center;padding:16px;position:fixed;inset:0;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;overflow-y:auto;z-index:2000}.modal-container.--left{justify-content:flex-start}.modal-container.--right{justify-content:flex-end}.modal-container.--top{align-items:start}.modal-container.--top .modal{margin-block:unset;margin-bottom:auto}.modal-container.--bottom{align-items:end}.modal-container.--bottom .modal{margin-block:auto 0}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;pointer-events:none;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;box-shadow:0 1px 12px #0003;margin-block:auto;position:relative;z-index:1;will-change:transform;width:100%;padding:42px 20px 20px}.modal-container.--full-height .modal{height:100%}.modal-container.--short .modal{max-width:640px;width:100%}.modal_close-btn-wrapper{--offset:8px;pointer-events:none;position:absolute;right:var(--offset);inset-block:var(--offset);z-index:2001}.modal_close-btn{background:none;border:0;padding:0;pointer-events:auto;cursor:pointer;position:sticky;height:28px;width:28px;top:0;transition:color .2s ease-in-out}.modal_close-btn svg{fill:#fff}.modal_close-btn:hover{color:red}@media(min-width:720px){.modal{padding:48px 32px 32px}.modal_close-btn-wrapper{--offset:16px}}