.bundle-builder-modal-backdrop{display:flex;position:fixed;top:120dvh;left:0;width:100vw;height:calc(100dvh - 120px);z-index:5;background:#000000a6;padding:0;overflow:hidden;transition:top .2s ease-out}.bundle-builder-modal-backdrop.open{top:118px}.bundle-builder-modal{display:flex;flex-direction:column;gap:12px;width:100vw;height:calc(100vh - 56px);z-index:5;background:#f3f3f3;padding:4px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.bundle-builder-modal .modal-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:32px}.bundle-builder-modal .modal-header .product-name{font-size:20px;font-weight:400;text-transform:uppercase;line-height:20px;width:80%}.bundle-builder-modal .modal-header .details{display:flex;justify-content:flex-end;align-items:center;width:100%}.bundle-builder-modal .modal-header .details .rating-badge{flex:1;display:flex;align-items:center;height:24px}.bundle-builder-modal .modal-header .details .rating-badge .rating-icons{display:flex;gap:2px;height:24px}.bundle-builder-modal .modal-header .details .rating-label{font-size:12px;color:#656565}.bundle-builder-modal .price-container{display:flex;gap:8px;align-items:center;line-height:12px}.bundle-builder-modal .price{font-size:18px;color:#656565}.bundle-builder-modal .strikethrough{text-decoration:line-through;color:#555;font-size:18px}.bundle-builder-modal .modal-btn-close{position:absolute;top:12px;right:12px;display:flex;width:32px;height:32px;padding:8px;justify-content:center;align-items:center;gap:20px;aspect-ratio:1/1;border-radius:100%;background:#fff;z-index:3;color:#1f1f1f}.bundle-builder-modal .all-images-container{display:flex;gap:4px;overflow:scroll}.bundle-builder-modal .image-wrapper{min-width:unset;height:92.5px;aspect-ratio:1/1;transition:opacity .1s ease;border:2px solid transparent}.bundle-builder-modal .image-wrapper.active{border:2px solid #000}.bundle-builder-modal .image-wrapper .image{height:100%;pointer-events:none;min-width:92px}.bundle-builder-modal .selected-image-wrapper{margin:8px 0;position:relative;width:100%;overflow:hidden}.bundle-builder-modal .selected-image-wrapper img{width:100%;height:auto;display:block}.bundle-builder-modal .variant-label{font-size:12px;line-height:normal}.bundle-builder-modal .variant-label span.selected{font-weight:600}.bundle-builder-modal .variant-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(34px,1fr));gap:4.5px;margin-top:4px}.bundle-builder-modal .variants .swatch{max-width:35px;width:35px;aspect-ratio:1;cursor:pointer;transition:border .2s ease-out;border:transparent solid 2px;padding:1px;background-clip:content-box}.bundle-builder-modal .variants .swatch.selected{border:#000 solid 2px}.bundle-builder-modal .variant-dropdown-container{position:relative}.bundle-builder-modal .variant-dropdown{display:flex;flex-direction:column;gap:2px;position:absolute;height:fit-content;padding:10px;font-size:12px;border:1px solid rgb(var(--border-color));background:#fff;z-index:4;width:100%;max-height:200px;overflow-y:auto}.bundle-builder-modal .variant-dropdown button{text-align:left;padding:8px;background:transparent;border:none;cursor:pointer;font-size:14px}.bundle-builder-modal .variant-dropdown button:hover{background:#f5f5f5}.bundle-builder-modal .variant-dropdown button.selected{font-weight:700}.bundle-builder-modal .variant-dropdown-select-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;font-size:14px;gap:4px;border:1px solid rgb(var(--border-color));box-shadow:0 1px 3px rgb(var(--text-color) / .08);font-weight:700;background:#fff}.bundle-builder-modal .variant-dropdown-select-btn.open .icon{transform:rotate(180deg);transition:transform .2s ease}.bundle-builder-modal .modal-footer{display:flex;flex-direction:column;min-width:0}.bundle-builder-modal .description-container{display:flex;flex-direction:column;gap:12px;flex:1 1 auto;max-width:100%;padding:4px;padding-bottom:50dvh}.bundle-builder-modal .description-container .description-title{font-size:14px;line-height:14px;font-weight:600}.bundle-builder-modal .description-container .description-text{color:#000;font-size:14px;text-overflow:ellipsis;overflow:hidden;max-width:100%;display:block;font-weight:400;font-style:italic;line-height:150%}.bundle-builder-modal .modal-button-group{position:absolute;padding:8px;bottom:0;left:0;display:flex;flex-direction:row-reverse;width:100%;gap:8px;background-color:#f3f3f3;z-index:3}.bundle-builder-modal .item-qty-container{display:flex;min-width:134px;width:134px}.bundle-builder-modal .item-qty-container .qty-input{text-align:center;border:.5px solid #ddd;background:transparent;width:100%}.bundle-builder-modal .item-qty-container .qty-btn{border:.5px solid #ddd;display:flex;justify-content:center;align-items:center;min-width:40px;padding:8px 0}.bundle-builder-modal .item-qty-container .qty-btn:first-of-type{border-radius:100px 0 0 100px;border-right-width:0px}.bundle-builder-modal .item-qty-container .qty-btn:last-of-type{border-radius:0 100px 100px 0;border-left-width:0px}.bundle-builder-modal .add-btn{flex-basis:100%;display:flex;justify-content:center;align-items:center;text-align:center;padding:8px;border-radius:100px;text-transform:uppercase;font-size:12px;min-height:40px;max-height:40px;width:50%}.bundle-builder-modal .add-btn:hover{opacity:.8}.bundle-builder-modal .add-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.bundle-builder-modal .add-btn.added{cursor:default;pointer-events:none}.bundle-builder-modal .carousel{position:relative;width:100%;overflow:hidden}.bundle-builder-modal .carousel-track{display:flex;transition:transform .3s ease-out;cursor:grab;-webkit-user-select:none;user-select:none}.bundle-builder-modal .carousel-track.dragging{cursor:grabbing;transition:none}.bundle-builder-modal .carousel-track.locked{transition:none}.bundle-builder-modal .carousel-track .img{flex:0 0 100%}.bundle-builder-modal .carousel-track .image{width:100%;height:auto;max-height:451px;aspect-ratio:11 / 13.25;object-fit:cover;display:block;pointer-events:none;margin-top:4px}.bundle-builder-modal .carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:3.5px;z-index:3}.bundle-builder-modal .carousel-dot{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s ease;padding:0}.bundle-builder-modal .carousel-dot:hover{background:#fffc}.bundle-builder-modal .carousel-dot.active{background:#1e1e1e}@media screen and (min-width: 1000px){.bundle-builder-modal .modal-btn-close{background:transparent;top:32px;right:32px}.bundle-builder-modal-backdrop{display:none;position:fixed;background:#000000a6;justify-content:center;align-items:center;top:0;left:0;width:100dvw;height:100dvh;z-index:6}.bundle-builder-modal-backdrop.open{display:flex;top:0}.bundle-builder-modal{position:relative;width:1095px;height:auto;min-height:544px;max-height:650px;padding:32px;display:grid;grid-template-columns:683px 1fr;grid-template-rows:min-content min-content auto 1fr;column-gap:32px;row-gap:24px;background-color:#f3f3f3}.bundle-builder-modal .modal-header{padding-top:50px;gap:12px}.bundle-builder-modal .image-container{display:flex;grid-row:1/5;grid-column:1;gap:12px}.bundle-builder-modal .all-images-container{flex-direction:column;min-width:127px;overflow:scroll;overscroll-behavior:contain;width:unset;gap:12px;max-height:544px}.bundle-builder-modal .image-wrapper{min-width:unset;max-width:127px;height:127px;cursor:pointer}.bundle-builder-modal .carousel-track .image{height:unset;min-height:544px;min-width:544px;margin-top:0;object-fit:cover}.bundle-builder-modal .selected-image-wrapper .carousel{width:100%;height:100%}.bundle-builder-modal .selected-image-wrapper .carousel-track .image{width:100%;height:100%;max-width:unset;pointer-events:none;object-fit:cover}.bundle-builder-modal .description-container{grid-column:2;height:auto;min-height:150px;overflow:hidden;padding-bottom:unset}.bundle-builder-modal .variant-label{font-size:14px}.bundle-builder-modal .modal-button-group{position:unset;padding:0;flex-direction:column;min-height:90px}.bundle-builder-modal .item-qty-container{width:100%;border:.5px solid #ddd;border-radius:100px}.bundle-builder-modal .item-qty-container .qty-btn{border:unset;padding:0 20px}.bundle-builder-modal .item-qty-container .qty-btn:hover{background:#0000000d}.bundle-builder-modal .item-qty-container .qty-btn:first-of-type{width:100%;justify-content:flex-end}.bundle-builder-modal .item-qty-container .qty-btn:last-of-type{width:100%;justify-content:flex-start}.bundle-builder-modal .item-qty-container .qty-input{border:unset;height:40px;width:20px;text-align:center}.bundle-builder-modal .add-btn{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/bundle-builder-modal.css.map */