.teaser-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:9999;opacity:1;visibility:visible;transition:opacity .4s ease,visibility .4s ease}.teaser-modal.hidden{opacity:0;visibility:hidden;pointer-events:none}.teaser-modal .modal-card{position:relative;background:#fff;color:#111;border:2px solid #000;border-radius:10px;box-shadow:0 12px 24px #0006;width:min(90vw,500px);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(1);transition:transform .4s ease,opacity .4s ease}.teaser-modal .modal-card.hidden{opacity:0;transform:scale(.9)}.teaser-modal .modal-card.shown{opacity:1;transform:scale(1)}.teaser-modal .card-content-container{flex:1;overflow-y:auto;padding:1.25rem}.teaser-modal .card-content{font-size:1rem;line-height:1.5}.teaser-modal .close-button{position:absolute;top:.5rem;right:.75rem;font-size:1.5rem;color:#333;background:transparent;border:none;cursor:pointer;line-height:1;transition:color .2s ease,transform .2s ease}.teaser-modal .close-button:hover{color:#000;transform:scale(1.15)}.teaser-modal.close-top .close-button{top:.5rem;bottom:auto}.teaser-modal.close-bottom .close-button{top:auto;bottom:.5rem}.teaser-modal.close-left .close-button{left:.75rem;right:auto}.teaser-modal.close-right .close-button{right:.75rem;left:auto}