.vrm-confirm-modal{position:fixed;top:0;right:0;height:100vh;width:100%;z-index:10100;opacity:0;visibility:hidden;transition:all var(--transition-duration) var(--transition-timing) 0s;overflow:hidden;background-color:#0000004d}@supports (height: 100dvh){.vrm-confirm-modal{height:100dvh}}.vrm-confirm-modal.is-active{opacity:1;visibility:visible}.vrm-confirm-modal p{margin-bottom:0}.vrm-confirm-modal p#modal-description{max-width:90%}.vrm-confirm-modal .modal-header{display:flex;justify-content:flex-end;position:absolute;right:1.5rem;top:1.5rem}.vrm-confirm-modal .modal-component{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.vrm-confirm-modal .modal-component .modal-wrapper{background-color:var(--colour-white);padding:1.5rem;border-radius:var(--border-radius);margin:1rem;position:relative}@media (min-width: 1024px){.vrm-confirm-modal .modal-component .modal-wrapper{max-width:40rem;margin:0}}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content{display:flex;flex-direction:column;gap:2rem}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content:not(.is-active){display:none}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content.has-error{margin-bottom:1rem}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .content-grid{display:grid;grid-template-columns:1.5fr 4fr;gap:1.5rem;align-items:center}@media (min-width: 1024px){.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .content-grid{grid-template-columns:1fr 4fr;gap:2rem}}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .img-wrapper{border-radius:var(--border-radius);border:1px solid var(--colour-grey);box-shadow:0 2px 4px 0 var(--colour-grey);display:flex;align-items:center;overflow:hidden}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .img-wrapper img{border-radius:var(--border-radius);width:100%;aspect-ratio:2/1;object-fit:contain;padding:.25rem;height:3.5rem}@media (min-width: 1024px){.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .img-wrapper img{height:4.5rem}}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .img-wrapper img.placeholder-image{object-fit:cover}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content.not-found .text-wrapper{grid-column:1/3}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content.not-found #modal-title{margin-bottom:1rem}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content #modal-title{font-size:1rem;line-height:1.4;font-weight:700}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content #fitment-title{font-size:1rem;line-height:1.4;font-weight:400}@media (max-width: 1023.98px){.vrm-confirm-modal .modal-component .modal-wrapper .modal-content #fitment-title{font-size:.875rem;margin-bottom:.5rem}}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .buttons{display:flex;gap:1rem}.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .buttons .c-btn{width:100%;padding:1.125rem .5rem}@media (max-width: 1023.98px){.vrm-confirm-modal .modal-component .modal-wrapper .modal-content .buttons .c-btn{padding:.75rem .5rem;font-size:.875rem}}.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description{margin:2rem 0;display:grid;gap:1.5rem;grid-template-columns:-webkit-max-content 2fr;grid-template-columns:max-content 2fr}@media (min-width: 1024px){.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description{border-top:1px solid var(--colour-outline);padding:2rem 0 0}}.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description .author-info{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content}.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description .author-info img{border-radius:100%;height:3rem;width:3rem;box-shadow:var(--box-shadow)}.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description .author-info .expert-author{font-size:.75rem}.vrm-confirm-modal .modal-component .modal-wrapper .vrm-expert-description .expert-description p{font-size:.875rem;line-height:1.5;margin:.75rem 0 0}.vrm-confirm-modal .modal-close{height:2rem;width:2rem;display:grid;place-items:center}.vrm-confirm-modal .modal-close svg{height:1rem;width:1rem}
/*# sourceMappingURL=/cdn/shop/t/12/assets/snippet-vrm-confirm-modal.css.map */