.bundle-builder{display:block}.bundle-builder__layout{display:grid;grid-template-columns:1fr;gap:2.4rem}@media screen and (min-width:990px){.bundle-builder__layout{grid-template-columns:minmax(0,1fr) 32rem;gap:4rem;align-items:start}}.bundle-builder__header{margin-bottom:2rem}.bundle-builder__heading{margin:0 0 .6rem}.bundle-builder__price-text{font-size:1.8rem;font-weight:600;margin:0 0 .4rem}.bundle-builder__subtext{max-width:60rem}.bundle-builder__empty{opacity:.7}.bundle-builder__error{color:rgb(var(--color-error, 200 0 0));margin:0 0 1rem;font-size:1.3rem}.bundle-builder__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.6rem;margin:0;padding:0}@media screen and (min-width:750px){.bundle-builder__grid{grid-template-columns:repeat(var(--bundle-columns, 3),1fr);gap:2rem}}.bundle-card{display:flex;flex-direction:column;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:var(--variant-pills-radius, .6rem);padding:1rem;transition:border-color .15s ease,box-shadow .15s ease}.bundle-card.is-selected{border-color:rgb(var(--color-foreground));box-shadow:inset 0 0 0 .1rem rgb(var(--color-foreground))}.bundle-card--soldout{opacity:.5}.bundle-card__media{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;aspect-ratio:4 / 5;overflow:hidden;border-radius:var(--variant-pills-radius, .4rem);margin-bottom:1rem;line-height:0}button.bundle-card__media{cursor:pointer}.bundle-card__media img{width:100%;height:100%;object-fit:cover}.bundle-card__info{flex:1 1 auto;margin-bottom:1rem;text-align:center}.bundle-card__title{margin:0 0 .3rem;font-weight:600;line-height:1.25}.bundle-card__price{margin:0 0 .6rem;font-weight:600;opacity:.85}.bundle-card__variants{width:100%;padding:.6rem .8rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:var(--variant-pills-radius, .4rem);background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1.4rem}.bundle-card__toggle{width:100%;min-width:0;cursor:pointer}.bundle-card__toggle-label--added,.bundle-card.is-selected .bundle-card__toggle-label--add{display:none}.bundle-card.is-selected .bundle-card__toggle-label--added{display:inline}.bundle-card__toggle[disabled]{cursor:not-allowed;opacity:.4}.bundle-builder__summary{position:relative}@media screen and (min-width:990px){.bundle-builder__summary{position:sticky;top:2rem}}.bundle-summary{border:.1rem solid rgba(var(--color-foreground),.15);border-radius:var(--variant-pills-radius, .8rem);padding:2rem;background:rgb(var(--color-background))}.bundle-summary__title{margin:0 0 .4rem;font-weight:600;font-size:1.6rem}.bundle-summary__progress{margin:0 0 1.4rem;opacity:.8;font-size:1.3rem}.bundle-summary__slots{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:0 0 1.6rem;padding:0}.bundle-slot{position:relative;aspect-ratio:1 / 1;border:.15rem dashed rgba(var(--color-foreground),.35);border-radius:var(--variant-pills-radius, .6rem);overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-foreground),.03)}.bundle-slot.is-filled{border-style:solid;border-color:rgba(var(--color-foreground),.25);background:rgb(var(--color-background))}.bundle-slot img{width:100%;height:100%;object-fit:cover}.bundle-slot__placeholder:before{content:"+";font-size:2.4rem;line-height:1;opacity:.35}.bundle-slot__remove{position:absolute;top:.4rem;right:.4rem;width:2rem;height:2rem;padding:0;border:none;border-radius:50%;background:rgb(var(--color-foreground));color:rgb(var(--color-background));font-size:1.5rem;line-height:1.9rem;text-align:center;cursor:pointer}.bundle-summary__action{width:100%;cursor:pointer}.bundle-summary__action[disabled]{cursor:not-allowed;opacity:.5}.bundle-summary__action.loading{pointer-events:none;opacity:.7}.bundle-builder__notice{padding:1rem 1.2rem;margin-bottom:1.2rem;border-radius:var(--variant-pills-radius, .4rem);background:rgba(var(--color-foreground),.06);font-size:1.3rem}.bundle-builder__notice-link{display:inline-block;margin-left:.4rem;font-weight:600}@media screen and (max-width:989px){.bundle-builder__summary{position:sticky;bottom:0;z-index:3}.bundle-summary{box-shadow:0 -.4rem 1.2rem #00000014}.bundle-summary{padding:1rem 1.4rem}.bundle-summary__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.bundle-summary__title{margin:0;font-size:1.4rem}.bundle-summary__progress{margin:0;font-size:1.2rem}.bundle-summary__slots{display:flex;gap:.6rem;margin:.8rem 0}.bundle-slot{flex:0 0 auto;width:4rem;height:4rem;aspect-ratio:auto;border-width:.1rem}.bundle-slot__remove{width:1.6rem;height:1.6rem;font-size:1.1rem}.bundle-summary__action{padding-top:.9rem;padding-bottom:.9rem}}.bundle-builder__filters{display:flex;flex-wrap:wrap;gap:.8rem;margin:0 0 2rem}.bundle-filter{padding:.7rem 1.6rem;border:1px solid rgba(var(--color-foreground),.35);border-radius:2.4rem;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color .1s ease,color .1s ease,border-color .1s ease}.bundle-filter:hover{border-color:rgb(var(--color-foreground))}.bundle-filter.is-active{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground));color:rgb(var(--color-background))}.bundle-builder__no-matches{margin:0 0 2rem;opacity:.7}.bundle-card__subtitle{margin:.2rem 0 .4rem;opacity:.75}.bundle-card[hidden]{display:none}.bundle-card__learn-more{display:block;width:100%;margin-top:.6rem;padding:0;border:0;background:none;color:inherit;font-family:inherit;font-size:1.2rem;line-height:1.4;text-align:center;text-decoration:underline;text-underline-offset:.2rem;cursor:pointer;opacity:.75}.bundle-card__learn-more:hover{opacity:1}.bundle-modal[hidden]{display:none}.bundle-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem}.bundle-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080}.bundle-modal__dialog{position:relative;z-index:1;width:min(72rem,100%);max-height:85vh;overflow-y:auto;padding:4.8rem 2.4rem 2.4rem;background:rgb(var(--color-background));border-radius:var(--variant-pills-radius, .6rem)}.bundle-modal__close{position:absolute;top:.8rem;right:.8rem;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:none;color:inherit;font-size:2.8rem;line-height:1;cursor:pointer}.bundle-modal__media{margin-bottom:1.6rem}.bundle-modal__media:empty{display:none}.bundle-carousel{position:relative}.bundle-carousel__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;border-radius:var(--variant-pills-radius, .4rem)}.bundle-carousel__track::-webkit-scrollbar{display:none}.bundle-carousel__track img{flex:0 0 100%;width:100%;aspect-ratio:4 / 5;object-fit:contain;background:rgb(var(--color-background));scroll-snap-align:center}.bundle-carousel__nav{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border:0;border-radius:50%;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));font-size:2rem;line-height:1;cursor:pointer}.bundle-carousel__nav--prev{left:.8rem}.bundle-carousel__nav--next{right:.8rem}.bundle-carousel__dots{display:flex;justify-content:center;gap:.6rem;margin-top:.8rem}.bundle-carousel__dot{width:.8rem;height:.8rem;padding:0;border:0;border-radius:50%;background:rgba(var(--color-foreground),.25);cursor:pointer}.bundle-carousel__dot.is-active{background:rgb(var(--color-foreground))}.bundle-modal__title{margin:0 0 .4rem}.bundle-modal__subtitle{margin:0 0 .8rem;opacity:.75}.bundle-modal__price{margin:0 0 .4rem;font-weight:600}.bundle-modal__sizes{margin:0 0 1.2rem;opacity:.85}.bundle-modal__description{margin:0}@media screen and (min-width:750px){.bundle-modal__dialog{display:grid;grid-template-columns:1fr 1fr;gap:3.2rem;align-items:start;padding:4rem 3.2rem 3.2rem;width:min(100rem,100%)}.bundle-modal__media{margin-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/841/assets/bundle-builder.css.map */