:root{--safe-area-inset-bottom-debug:0px}.modal-controls{background:#fff;border-radius:16px 16px 0 0;max-height:var(--8bb9aa5e);overflow:hidden;position:relative;z-index:0}.modal-controls__header{display:flex;flex-direction:column;min-height:52px;position:relative;transition:box-shadow .3s ease;width:100%;z-index:10}.modal-controls__header-title-wrap{align-items:center;box-sizing:border-box;display:flex;padding:16px 6px 8px 16px;width:100%}.modal-controls__header-icon{flex-shrink:0;margin-right:8px}.modal-controls__header-title{font-size:18px;font-weight:var(--fw-semi-bold,500);line-height:28px}.modal-controls__header-subtitle{color:#888b94;font-size:14px;line-height:22px}.modal-controls__header-close{align-items:center;color:var(--color-fg-soft);display:flex;flex-shrink:0;height:36px;justify-content:center;margin-left:auto;position:relative;width:36px}.modal-controls__content{background:#fff;margin-top:1px;max-height:calc(var(--8bb9aa5e) - var(--17b56d17));overflow:auto auto;position:relative;-webkit-overflow-scrolling:touch;padding-bottom:max(0px,24px + var(--safe-area-inset-bottom-debug))}@supports (padding-bottom:constant(safe-area-inset-bottom)) and (padding:max(0px)){.modal-controls__content{--safe-area-inset-bottom:max(max(var(--native-offset-bottom,0px),constant(safe-area-inset-bottom)),var(--safe-area-inset-bottom-debug));padding-bottom:max(0px,24px + var(--safe-area-inset-bottom))}}@supports (padding-bottom:env(safe-area-inset-bottom)) and (padding:max(0px)){.modal-controls__content{--safe-area-inset-bottom:max(max(var(--native-offset-bottom,0px),env(safe-area-inset-bottom)),var(--safe-area-inset-bottom-debug));padding-bottom:max(0px,24px + var(--safe-area-inset-bottom))}}.modal-controls__content--fixed-height{height:calc(var(--8bb9aa5e) - var(--17b56d17))}.modal-controls--scrollable{height:100%}.modal-controls--scrollable .modal-controls__content{height:calc(100vh - var(--17b56d17));overflow-y:auto}.modal-controls--content-scrolled .modal-controls__header{box-shadow:0 2px 10px rgba(28,24,25,.1)}.modal-controls--hidden-close .modal-controls__header-title-wrap{padding:16px 16px 8px}