:root{--modal-align-items:center;--modal-content-border-radius:12px;--modal-content-margin:auto;--modal-padding:0;--modal-content-max-h:100vh}.modal{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;align-items:var(--modal-align-items);background:rgba(0,0,0,.5);justify-content:center;z-index:999}.modal--bottom{--modal-content-border-radius:12px 12px 0px 0px;--modal-content-margin:auto 0 0 0;--modal-content-max-h:75vh}.modal__close{border-radius:0 12px;cursor:pointer;height:48px;position:absolute;right:0;top:0;width:48px;background:rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;z-index:1}.modal--open{overflow:hidden}.modal__content{max-width:360px;background:#fff;box-shadow:0 18px 42px rgba(39,75,139,.24);border-radius:var(--modal-content-border-radius);padding:var(--m) var(--s);box-sizing:border-box;margin:var(--modal-content-margin);width:100%;overflow-y:auto;max-height:var(--modal-content-max-h);position:relative}.modal__content--adaptive{width:auto;max-width:100%}.modal__content--m{max-width:720px}.modal__content--s{max-width:360px}.scroll-off{overflow:hidden}