.appLayoutPopupContainer{height:0}.appLayoutPopupContainer .popup{pointer-events:none}.appLayoutPopupContainer .popup .popupBackground{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity .3s cubic-bezier(0, 0, 0.1, 1)}.appLayoutPopupContainer .popup .popupContainer{position:fixed;left:0;right:0;bottom:0;transform:translateY(101%);pointer-events:none;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.appLayoutPopupContainer .popup .popupContainer:not(.transitionDisabled){transition:transform .3s cubic-bezier(0, 0, 0.1, 1)}.appLayoutPopupContainer .popup .popupContainer .popupContainerInner{pointer-events:all;position:relative;max-width:1000px;background:var(--backgroundColor);border-radius:30px 30px 0 0;display:flex;flex-direction:column;min-height:200px;max-height:90vh;margin:0 auto}.appLayoutPopupContainer .popup .popupContainer .popupContainerInner>*:first-child{margin-top:35px}.appLayoutPopupContainer .popup .bottomSpacer{min-height:20px;height:env(safe-area-inset-bottom)}.appLayoutPopupContainer .popup.open{pointer-events:all}.appLayoutPopupContainer .popup.open .popupBackground{opacity:1}.appLayoutPopupContainer .popup.open .popupContainer{transform:translateY(0)}.appLayoutPopupContainer .popup .popupHeader{display:flex;flex:0 0 auto;margin:15px 15px 0 15px}.appLayoutPopupContainer .popup .popupHeader .headline{flex:1 1 auto;font-size:18px;line-height:1.2222222222;font-weight:800}.appLayoutPopupContainer .popup .popupHeader .closePopup{position:relative;flex:0 0 auto;width:40px;height:40px}.appLayoutPopupContainer .popup .popupHeader .closePopup:before,.appLayoutPopupContainer .popup .popupHeader .closePopup:after{content:"";position:absolute;top:50%;left:50%;width:2px;height:100%;margin-top:-20px;background:var(--fontColor);transform-origin:50% 50%}.appLayoutPopupContainer .popup .popupHeader .closePopup:before{transform:rotate(45deg)}.appLayoutPopupContainer .popup .popupHeader .closePopup:after{transform:rotate(-45deg)}.appLayoutPopupContainer .popup .popupHeader .swipeToCloseHandle{position:absolute;display:block;top:0;left:0;right:0;height:20px}.appLayoutPopupContainer .popup .popupHeader .swipeToCloseHandle:after{content:"";position:absolute;width:36px;height:6px;top:50%;left:50%;margin-top:-3px;margin-left:-18px;border-radius:3px;background:var(--fontLightColor)}.appLayoutPopupContainer .popup .popupContent{margin-top:15px;flex:1 1 auto;overflow:auto}.appLayoutPopupContainer .popup .popupContent .popupContentInner{margin:15px}.appLayoutPopupContainer .popup .popupContent.jsScrollShadow.jsTopShadowInset.jsBottomShadowInset{box-shadow:inset 0 20px 20px -20px rgba(0,0,0,.4),inset 0 -20px 20px -20px rgba(0,0,0,.4)}.appLayoutPopupContainer .popup .popupContent.jsScrollShadow.jsTopShadowInset{box-shadow:inset 0 20px 20px -20px rgba(0,0,0,.4)}.appLayoutPopupContainer .popup .popupContent.jsScrollShadow.jsBottomShadowInset{box-shadow:inset 0 -20px 20px -20px rgba(0,0,0,.4)}.appLayoutPopupContainer .popup .popupContent .popupContentImage{max-width:100%}.appLayoutPopupContainer .popup .popupContent .popupContentImage img{width:100%;height:auto;display:block}.appLayoutPopupContainer .popup .popupFooter{padding:15px}.appLayoutPopupContainer .popup .popupDescriptionBlock:not(:first-child){margin-top:25px}.appLayoutPopupContainer .popup .buttonGroup:not(:first-child){margin-top:30px}.appLayoutPopupContainer .popup.isLarge .popupContainer .popupContainerInner{height:90vh}.appLayoutPopupContainer .popup.isFullscreen .popupContainer .popupContainerInner{max-height:100vh;height:100vh;max-width:none;border-radius:0;padding-top:env(safe-area-inset-top)}
