:root{--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--breakpoint-xxl:1600px}.mod-basic-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1002;width:100vw;height:100vh;background-color:#fff;opacity:0;transform:translateY(100vh);transition:.4s;overflow:hidden;padding:64px 0 0}.mod-basic-overlay.is-displayed{opacity:1;transform:translateY(0)}.mod-basic-overlay-close{position:absolute;top:16px;right:16px}.mod-basic-overlay::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background-color:inherit;-webkit-mask-image:linear-gradient(to top,rgb(0,0,0) 0%,rgb(0,0,0) 30%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to top,rgb(0,0,0) 0%,rgb(0,0,0) 30%,rgba(0,0,0,0.8) 50%,rgba(0,0,0,0) 100%)}.mod-basic-overlay-content{height:calc(100vh - 64px);padding:0 24px 48px;overflow:hidden auto;-ms-overflow-style:none;scrollbar-width:none}.mod-basic-overlay-content::-webkit-scrollbar{display:none}@media (max-width:575px){.mod-basic-overlay-content{height:100%}}@media (min-width:768px){.mod-basic-overlay.modal-like{top:50%;bottom:auto;width:720px;height:auto;min-height:200px;max-height:calc(100vh - 120px);margin:auto}.mod-basic-overlay.modal-like.is-displayed{transform:translateY(-50%)}.mod-basic-overlay.modal-like .mod-basic-overlay-content{height:auto;max-height:calc(100vh - 64px - 120px)}}@media (min-width:992px){.mod-basic-overlay.modal-like{width:896px}}@media (min-width:1200px){.mod-basic-overlay{transition:opacity .4s,transform 0s .5s}.mod-basic-overlay.is-displayed{transition:opacity .4s,transform}.mod-basic-overlay.modal-like{width:960px}}