.popup-container{align-items:center;background:none;display:flex;height:100%;justify-content:center;left:0;margin:0;max-height:100%;max-width:100%;opacity:0;outline:none;padding:0;pointer-events:none;top:0;transition-property:opacity;width:100%}.popup-container .close-button{cursor:pointer;font-size:1em;order:2;position:absolute;right:.5em;top:.5em;z-index:100}.popup-container .close-button svg{transition-property:stroke-width,stroke-opacity;stroke:var(--black);paint-order:stroke;stroke-width:1px;stroke-opacity:.2;pointer-events:none}.popup-container .close-button:focus,.popup-container .close-button:hover{stroke-width:1px;stroke-opacity:.5}.popup-container{position:fixed}.popup-container>.close-button:before{bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:2}.popup-container .popup{background-color:var(--background-white);height:auto;max-height:100%;opacity:1;overflow:hidden;overflow-y:auto;padding:var(--padding);position:relative;transition-delay:calc(var(--transition-duration)*.5);transition-property:opacity,transform;width:100%;z-index:105}@media only screen and (min-width:52rem){.popup-container .popup{max-width:50rem}}.popup-container .popup:not(.is-active){display:none;opacity:0}.popup-container::backdrop{background:transparent;transition-duration:.3s;transition-property:background-color,opacity;transition-timing-function:ease-in-out}.popup-container[open].is-active{opacity:1;pointer-events:all}.popup-container[open].is-active::backdrop{animation:backdrop-fade .3s ease-in-out;background:rgba(0,0,0,.6)}@keyframes backdrop-fade{0%{background:transparent}to{background:rgba(0,0,0,.6)}}#course-popup .button{margin-block-start:var(--spacing)}@media only screen and (max-width:40rem){#course-popup h2{margin-block-start:var(--gap)}}@media only screen and (min-width:40rem){#course-popup .popup-text-with-image{display:grid;gap:var(--l);grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-block-start:1.5rem}#course-popup .popup-image{height:100%}#course-popup .popup-image img{height:100%;-o-object-fit:cover;object-fit:cover}}