.modal{position:fixed;inset:0;transition:opacity .3s,z-index 0s .3s;z-index:-1;opacity:0;overflow-y:auto;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px}.modal__close{--icon-size:14px;color:var(--colour-one);position:absolute;top:18px;right:var(--icon-size);z-index:5;height:44px;width:44px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px}.modal__inner{position:relative;background:#fff;overflow:hidden;width:100%;max-width:1200px;max-height:600px;display:flex;flex-direction:column;box-shadow:0 3px 6px rgba(0,0,0,.1607843137);border:1px solid #b8c6cd;border-radius:20px}.modal__inner__title{display:flex;align-items:center;flex:0 0 55px;padding:25px 45px 0}.modal__inner__title__main{line-height:1.2;font-size:2rem;font-family:din-2014-rounded-variable,sans-serif;font-weight:900}.modal__inner__title__title-sub{margin-top:5px;font-weight:300}.modal__content{overflow-x:hidden;overflow-y:auto;padding:70px 25px 30px}.title~.modal__content{padding-top:20px}.modal__content__last-button{position:fixed;z-index:-999;opacity:0;pointer-events:none}.modal--open{z-index:16000;opacity:1;transition:opacity .3s,z-index 0s}.modal--title-center .modal__inner__title{text-align:center;justify-content:center}.modal--fill .modal__inner{max-height:unset}.modal--fill .modal__content{padding:0}.modal--fill .modal__content>*{width:100%}.modal--fill .modal__content iframe,.modal--fill .modal__content video{margin-bottom:-9px}.modal--fill .modal__content iframe{aspect-ratio:16/9;width:100%;height:auto}.modal--fill .modal__inner__title~.modal__content{padding-top:25px}.modal [data-modal-content]{display:block}.modal:has(iframe):has(:not(.title)) .modal__content{overflow:hidden}[data-modal-content]{display:none}