.vrm-confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;pointer-events:none}.vrm-confirm-modal details{width:100%;height:100%}.vrm-confirm-modal details:not([open]){display:none}.vrm-confirm-modal details[open]{display:block}.vrm-confirm-modal details[open] .modal__content{position:fixed;background:var(--colour-bg-dark-transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);pointer-events:all;padding:2rem;z-index:10000}.vrm-confirm-modal .modal__content{display:flex;justify-content:center;align-items:center}.vrm-confirm-modal .modal__content-inner{position:relative;width:100%;max-width:500px;max-height:90vh;padding:2.5rem;overflow:auto;background:var(--colour-bg-white);border-radius:16px;box-shadow:0 20px 60px #0000004d;animation:modalFadeIn .3s ease-out}@media(max-width:575.98px){.vrm-confirm-modal .modal__content-inner{max-width:95%;padding:1.5rem}}.vrm-confirm-modal .modal__close-button{position:absolute;top:1rem;right:1rem;width:auto;height:auto;padding:.5rem;color:var(--colour-bg-black);z-index:10;transition:transform .2s ease}.vrm-confirm-modal .modal__close-button:hover{transform:scale(1.1)}.vrm-confirm-modal .modal__close-button .svg-wrapper{width:20px;height:20px}.vrm-confirm-modal .modal-content{display:none;padding-top:1rem;text-align:center}.vrm-confirm-modal .modal-content.is-active{display:block}.vrm-confirm-modal .modal-content #modal-title{margin-bottom:.5rem;font-size:2rem;font-weight:700;color:var(--colour-bg-black)}.vrm-confirm-modal .content-grid{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:2rem}.vrm-confirm-modal .img-wrapper{display:flex;justify-content:center;align-items:center;width:100%;max-width:250px;height:auto;overflow:hidden;background:var(--colour-bg-dark-transparent);border-radius:8px}.vrm-confirm-modal .img-wrapper img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain}.vrm-confirm-modal .text-wrapper{width:100%}.vrm-confirm-modal .buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.vrm-confirm-modal .buttons button{min-width:120px;padding:1rem 2rem;font-size:1.4rem}@media(max-width:575.98px){.vrm-confirm-modal .buttons button{min-width:100px;padding:.8rem 1.5rem;font-size:1.3rem}}.vrm-confirm-modal .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/15/assets/snippet-vrm-confirm-modal.css.map */
