.modal{display:flex;height:100%;max-height:100%;position:relative;visibility:visible;width:100%;--bg-opacity:1;background-color:#fff;background-color:rgba(255,255,255,var(--bg-opacity));overflow:hidden;transform:translateY(100%);transition:transform .25s cubic-bezier(.45,0,.4,1)}.modalOpen{transform:translate(0);transition:transform .3s cubic-bezier(.45,0,.4,1)}.modalWidthMedium,.modalWidthNarrow,.modalWidthWide{max-width:100%}.modalCurtain{bottom:0;display:flex;flex-direction:column;left:0;opacity:0;overflow:auto;position:fixed;right:0;top:0;transition:opacity 0ms cubic-bezier(.45,0,.4,1) .25s,visibility .25s cubic-bezier(.45,0,.4,1);visibility:hidden;z-index:100}.modalCurtainOpen{opacity:1;transition:opacity 0ms cubic-bezier(.45,0,.4,1);visibility:visible;-webkit-tap-highlight-color:rgba(0,0,0,0)}.modalCurtainInner{display:flex;flex:1 0 auto;flex-direction:column;height:100%;padding:0}.modalContainer{display:flex;flex-direction:column;position:relative;width:100%}.modalCloseButton{align-items:flex-start;border-bottom-width:1px;display:flex;justify-content:flex-end;min-height:56px;order:-1}.modalContent{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1 1 auto}.modalContentPadding{display:flex;flex:1 0 auto;flex-direction:column;padding:32px 16px}@media screen and (min-width:480px){.modal{border-radius:24px;height:auto;margin:auto;opacity:0;transition:none}.modalShouldScroll{max-height:none}.modalOpen{opacity:1;transition:none}.modalWidthSmall{max-width:416px}.modalWidthMedium{max-width:632px}.modalWidthLarge{max-width:1400px}.modalHeightMedium{height:600px}.modalHeightLarge{height:900px}.modalCurtain{transition:opacity .25s cubic-bezier(.45,0,.4,1),visibility .25s cubic-bezier(.45,0,.4,1)}.modalCurtainOpen{background-color:rgba(0,0,0,.8);transition:opacity .3s cubic-bezier(.45,0,.4,1)}.modalCurtainInner{height:auto;padding:32px}.modalCurtainInnerShouldScroll{max-height:none}.modalCloseButton{border-bottom-width:0}.modalContentPadding{padding:0 32px 32px}}