@keyframes parallax{0%{transform:translateY(-25%)}to{transform:translateY(10%)}}@keyframes slide-in-to-right{0%{translate:-100%}to{translate:0}}@keyframes slide-in-to-left{0%{translate:100%}to{translate:0}}@keyframes slide-out-to-right{0%{translate:0}to{translate:100%}}@keyframes slide-out-to-left{0%{translate:0}to{translate:-100%}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-to-right{0%{opacity:0;translate:-25%}40%{opacity:0}to{opacity:1;translate:0}}@keyframes fade-in-to-left{0%{opacity:0;translate:25%}40%{opacity:0}to{opacity:1;translate:0}}@keyframes fade-in-to-top{0%{opacity:0;transform:translateY(var(--vertical-animation-translate,100%))}to{opacity:1;transform:translateY(0)}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes wiggle{0%{transform:rotate(0deg)}90%{transform:rotate(0deg)}92%{transform:rotate(12deg)}94%{transform:rotate(-12deg)}96%{transform:rotate(8deg)}98%{transform:rotate(-8deg)}to{transform:rotate(0deg)}}:root{--popup-backdrop:rgb(from #232231 r g b/25%);--popup-bgc:#f9f9f9;--popup-title-color:#232231}.popup{--popup-max-height:850px;--popup-max-width:750px;--popup-media-max-height:200px;background-color:transparent;border:0;height:calc(100dvh - 80px);left:0;margin:auto;max-height:var(--popup-max-height);max-width:var(--popup-max-width);opacity:0;padding:0 10px;position:fixed;top:0;transition:display allow-discrete .35s cubic-bezier(.25,.46,.45,.94),opacity .35s cubic-bezier(.25,.46,.45,.94),overlay allow-discrete .35s cubic-bezier(.25,.46,.45,.94);width:100%;z-index:11}.popup>*{align-self:center;grid-area:1/1}.popup::backdrop{backdrop-filter:blur(0);background-color:transparent;transition:backdrop-filter .25s ease,background-color .25s ease}.popup:open{display:grid;opacity:1}.popup:open::backdrop{backdrop-filter:blur(2px);background-color:var(--popup-backdrop)}@starting-style{.popup:open{opacity:0}.popup:open::backdrop{backdrop-filter:blur(0);background-color:transparent}}.popup__container{background-color:var(--popup-bgc);border-radius:10px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;margin:auto;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:100%}.popup__close{position:absolute;right:10px;top:10px;z-index:2}.popup__close .sr-only{clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;width:1px}.popup__content{display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:20px 10px;scrollbar-width:thin}.popup__title{color:var(--popup-title-color);font-size:var(--heading-3-font-size);margin:0 var(--button-height) 20px 0}.popup__title:has(+.popup__intro){margin:0 var(--button-height) .5rem 0}.popup:has(.popup__media) .popup__container{grid-template-rows:auto 1fr}.popup:has(.popup__media) .popup__close{--button-background:#f9f9f9;--button-border:#f9f9f9;--button-color-hover:#f9f9f9}.popup:has(.popup__media) .popup__media{aspect-ratio:21/9;max-height:var(--popup-media-max-height);overflow:hidden;position:relative;width:100%}.popup:has(.popup__media) .popup__media img,.popup:has(.popup__media) .popup__media picture{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}@media only screen and (min-width:480px){.popup{padding:0 20px}.popup__content{padding:20px}}@media only screen and (min-width:768px){.popup__close{right:20px;top:20px}.popup__content{padding:30px}.popup__title{font-size:var(--heading-3-font-size)}}