:root{--safe-area-inset-bottom-debug:0px}.modal-controls{--modal-height:var(--cda364ea);position:relative;z-index:0;max-height:var(--modal-height);border-radius:16px 16px 0 0;overflow:hidden;background:#fff}@supports (height:100dvh){.modal-controls{--modal-height:var(--v5ab26834)}}.modal-controls__header{position:relative;z-index:10;display:flex;flex-direction:column;width:100%;min-height:52px;transition:box-shadow .3s ease}.modal-controls__header-title-wrap{display:flex;align-items:center;box-sizing:border-box;width:100%;padding:16px 16px 8px}.modal-controls__header-icon{flex-shrink:0;margin-right:8px}.modal-controls__header-title{font-weight:var(--fw-semi-bold,500);font-size:18px;line-height:28px}.modal-controls__header-subtitle{color:#888b94;font-size:14px;line-height:22px}.modal-controls__header-close{position:relative;display:flex;flex-shrink:0;align-items:center;align-self:flex-start;justify-content:center;margin:-8px -10px 0 auto;padding:10px;color:var(--color-fg-muted)}.modal-controls__content{position:relative;max-height:calc(var(--modal-height) - var(--v1a0ea19d));margin-top:1px;background:#fff;transition:padding-bottom .2s ease;overflow:auto auto;-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(--tg-safe-area-inset-bottom,0px),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(--tg-safe-area-inset-bottom,0px),var(--safe-area-inset-bottom-debug));padding-bottom:max(0px,24px + var(--safe-area-inset-bottom))}}.modal-controls__content--fixed-height{height:calc(var(--modal-height) - var(--v1a0ea19d))}.modal-controls__content--ignore-safe-area{padding-bottom:24px}.modal-controls--scrollable{height:100%}.modal-controls--scrollable .modal-controls__content{height:calc(100vh - var(--v1a0ea19d));overflow-y:auto}@supports (height:100dvh){.modal-controls--scrollable .modal-controls__content{height:calc(100dvh - var(--v1a0ea19d))}}.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}