.modal[data-v-d9c9e872]{height:100vh;left:50%;opacity:0;position:absolute;position:fixed;top:50%;transform:translate(-50%,-50%);transition:all .2s ease;visibility:hidden;width:100%;z-index:20020}.modal.is-active[data-v-d9c9e872]{opacity:1;transition:all .4s ease;transition-delay:.2s;visibility:visible}.modal.theme-mix .modalContent[data-v-d9c9e872]{background-color:var(--colour-white);padding:30px 10px 10px}@media (min-width:768px){.modal.theme-mix .modalContent[data-v-d9c9e872]{padding:40px 20px 20px}}.modal.theme-mix .closeButton[data-v-d9c9e872]{height:16px;right:8px;top:6px;width:16px}@media (min-width:768px){.modal.theme-mix .closeButton[data-v-d9c9e872]{height:20px;right:18px;top:10px;width:20px}}@media (min-width:1050px){.modal.theme-mix .closeButton[data-v-d9c9e872]{right:18px;top:10px}}.modal.theme-mix .closeButton[data-v-d9c9e872]:after,.modal.theme-mix .closeButton[data-v-d9c9e872]:before{background-color:var(--colour-black);height:2px;width:16px}@media (min-width:768px){.modal.theme-mix .closeButton[data-v-d9c9e872]:after,.modal.theme-mix .closeButton[data-v-d9c9e872]:before{width:20px}}.modal .modalInner[data-v-d9c9e872]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.modal .modalContent[data-v-d9c9e872]{aspect-ratio:16/9;display:flex;justify-content:center;margin:0 auto;max-height:40vh;max-width:90vw;position:relative}@media (min-width:768px){.modal .modalContent[data-v-d9c9e872]{max-height:80vh;max-width:90vw}}.modal .modalContent iframe[data-v-d9c9e872]{height:100%;width:100%}.modal .closeButton[data-v-d9c9e872]{cursor:pointer;height:20px;outline-offset:2px;position:absolute;right:0;top:-26px;width:20px}@media (min-width:768px){.modal .closeButton[data-v-d9c9e872]{right:0;top:-30px}}@media (min-width:1050px){.modal .closeButton[data-v-d9c9e872]{right:0;top:-36px}}.modal .closeButton[data-v-d9c9e872]:focus-visible{outline:1px solid var(--colour-white)}.modal .closeButton[data-v-d9c9e872]:after,.modal .closeButton[data-v-d9c9e872]:before{background:var(--colour-white);content:"";display:block;height:3px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;transition:all .2s ease;width:20px}.modal .closeButton[data-v-d9c9e872]:before{transform:translate(-51%,-50%) rotate(-45deg)}.modal .closeButton[data-v-d9c9e872]:after{transform:translate(-51%,-50%) rotate(45deg)}