.frog-modal-wrapper.desktop-full{height:100%;opacity:0;transform:translateY(25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out);width:100%}.frog-modal-wrapper.desktop-full.shown{opacity:1;transform:translateY(0)}.frog-modal-wrapper.desktop-center{left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.8);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.desktop-center.shown{opacity:1;transform:translate(-50%,-50%) scale(1)}.frog-modal-wrapper.desktop-top{left:50%;opacity:0;top:0;transform:translate(-50%) translateY(-25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.desktop-top.shown{opacity:1;transform:translate(-50%) translateY(0)}.frog-modal-wrapper.desktop-bottom{bottom:0;left:50%;opacity:0;transform:translate(-50%) translateY(100%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.desktop-bottom.shown{opacity:1;transform:translate(-50%) translateY(0)}.frog-modal-wrapper.desktop-left{left:0;opacity:0;top:50%;transform:translateY(-50%) translate(-25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.desktop-left.shown{opacity:1;transform:translate(0) translateY(-50%)}.frog-modal-wrapper.desktop-right{opacity:0;right:0;top:50%;transform:translateY(-50%) translate(25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.desktop-right.shown{opacity:1;transform:translate(0) translateY(-50%)}.frog-modal-wrapper__header{height:32px;position:relative;width:100%}.frog-modal-wrapper__header-close{background-color:#000;border-radius:4px;height:4px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px}@media(max-width:1024px){.frog-modal-wrapper.mobile-full{height:100%;opacity:0;transform:translateY(25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out);width:100%}.frog-modal-wrapper.mobile-full.shown{opacity:1;transform:translateY(0)}.frog-modal-wrapper.mobile-center{left:50%;opacity:0;top:50%;transform:translate(-50%,-50%) scale(.8);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.mobile-center.shown{opacity:1;transform:translate(-50%,-50%) scale(1)}.frog-modal-wrapper.mobile-top{left:50%;opacity:0;top:0;transform:translate(-50%) translateY(-25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.mobile-top.shown{opacity:1;transform:translate(-50%) translateY(0)}.frog-modal-wrapper.mobile-bottom{bottom:0;left:50%;opacity:0;transform:translate(-50%) translateY(100%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.mobile-bottom.shown{opacity:1;transform:translate(-50%) translateY(0)}.frog-modal-wrapper.mobile-left{left:0;opacity:0;top:50%;transform:translateY(-50%) translate(-25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.mobile-left.shown{opacity:1;transform:translate(0) translateY(-50%)}.frog-modal-wrapper.mobile-right{opacity:0;right:0;top:50%;transform:translateY(-50%) translate(25%);transition:transform var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out),opacity var(--frog-modal-animation-duration,.3s) var(--frog-modal-animation-timing,ease-in-out)}.frog-modal-wrapper.mobile-right.shown{opacity:1;transform:translate(0) translateY(-50%)}}.frog-modal-wrapper{position:fixed;z-index:1}.frog-modal-wrapper.is-swiping{transition:none}