:root{--popup-background: #FFF;--popup-roundness: 10px}.popups{position:fixed;z-index:998;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;pointer-events:none;-webkit-transition-duration:300ms;transition-duration:300ms}.popups.show{opacity:1;pointer-events:auto}@media screen and (-webkit-min-device-pixel-ratio: 0){.popups{-webkit-backdrop-filter:none;backdrop-filter:none}}.popups .popup{-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;z-index:999;left:1rem;right:1rem;bottom:1rem;background:var(--popup-background);border-radius:var(--popup-roundness);padding:5vmin;max-height:85vh;overflow-y:auto;translate:0 30px;opacity:0;pointer-events:none;-webkit-transition-duration:300ms;transition-duration:300ms}@media(min-width: 850px){.popups .popup{width:min(95%,750px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);left:50%;bottom:unset;top:10%;translate:0 -20px;padding:2vmax}}.popups .popup.show{translate:0 0;opacity:1;pointer-events:auto}.popups .popup .popup-close{width:1.5em;aspect-ratio:1;position:sticky;top:0;left:96%;background-color:rgba(0,0,0,0);cursor:pointer}@media(min-width: 768px){.popups .popup .popup-close{width:1.2em;left:100%}}.popups .popup .popup-close::before,.popups .popup .popup-close::after{position:absolute;content:"";width:100%;height:3px;border-radius:4px;background-color:#303030}.popups .popup .popup-close::before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.popups .popup .popup-close::after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}