.intro-modal-backdrop{display:flex;justify-content:center;align-items:center;background-color:#000000a6;position:fixed;top:0;z-index:10;width:100vw;height:100vh}.intro-modal{display:flex;flex-direction:column;width:100%;height:100%;gap:32px;background:#f3f3f3}.intro-modal .intro-image{max-height:306px;object-fit:cover;height:100%}.intro-modal .intro-modal-content{display:flex;padding:0 20px;flex-direction:column;justify-content:center;gap:24px;align-self:center;max-width:600px;width:100%;text-align:center}.intro-modal .intro-modal-header{display:flex;flex-direction:column;align-items:center;gap:8px}.intro-modal .heading{font-size:24px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.intro-modal .subheading{font-size:14px;font-style:normal;font-weight:400;line-height:normal;text-transform:uppercase}.intro-modal .paragraph{font-size:14px;font-style:italic;font-weight:400;line-height:150%}.intro-modal .value-container{display:flex;justify-content:center;align-items:flex-start;width:100%}.intro-modal .value-item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;flex:1 0 0}.intro-modal .value-item-icon{display:flex;width:80px;height:80px;padding:3px;flex-direction:column;justify-content:center;align-items:center;gap:20px;aspect-ratio:1 / 1;border-radius:100px;background:#1c1c1c}.intro-modal .button-container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%}.intro-modal .start-btn{display:flex;padding:12px 8px;justify-content:center;align-items:center;gap:20px;border-radius:100px;width:100%}.intro-modal .label{font-size:14px;font-weight:500;line-height:150%;color:#6a6a6a}.intro-modal .close-btn{border-radius:120.833px;background:#fff;display:flex;width:32px;height:32px;padding:8px;justify-content:center;align-items:center;gap:20px;aspect-ratio:1 / 1;position:absolute;top:12px;right:12px}@media screen and (min-width: 1000px){.intro-modal{position:relative;width:1062px;height:auto;flex-direction:row}.intro-modal .intro-image{width:50%;height:608px;max-height:none}.intro-modal .intro-modal-content{gap:48px}.intro-modal .intro-modal-header{gap:12px}.intro-modal .intro-modal-header-inner{display:flex;flex-direction:column;gap:24px}.intro-modal .close-btn{background-color:transparent;position:absolute;top:24px;right:24px}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/bundle-builder-intro-modal.css.map */