.p-build-a-box-section{background-color:var(--color-gold-0)}.p-bab{display:block}.p-bab__layout{display:flex;align-items:flex-start;gap:3.2rem;padding:1.2rem 0 8rem}.p-bab__box{flex:0 0 34rem;width:34rem;position:sticky;top:calc(var(--p-announce-height, 0rem) + var(--p-header-height, 7.4rem) + 2rem);display:flex;flex-direction:column;gap:2rem;padding:2.4rem;border:.15rem solid var(--color-gold-200);border-radius:2.4rem;background-color:var(--color-gold-50)}.p-bab__box-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.p-bab__box-title{margin:0;font-family:var(--font-sunset-family);font-weight:var(--font-h4-weight);font-size:var(--font-h4-size);color:var(--color-coco-main)}.p-bab__box-count{margin:0;font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-paragraph-l-size);color:var(--color-coco-main)}.p-bab__box-count-sep{margin:0 .2rem;opacity:.45}.p-bab__box-count-label{margin-left:.2rem;font-size:var(--font-paragraph-m-size);color:var(--color-gold-600)}.p-bab__progress{padding:1.2rem 1.4rem;border-radius:1.4rem;transition:background-color .25s ease,box-shadow .25s ease}.p-bab__progress.is-active{background-color:var(--color-gold-50);box-shadow:inset 0 0 0 .1rem var(--color-gold-200)}@keyframes p-bab-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.p-bab__progress-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.8rem;min-height:2.8rem}.p-bab__progress-current{padding:.5rem 1.4rem;border-radius:999rem;background-color:var(--color-coco-main);font-family:var(--font-sunset-family);font-weight:var(--font-h5-weight, 700);font-size:var(--font-h6-size);letter-spacing:.02em;color:var(--color-gold-400)}.p-bab__progress-current.is-pop{animation:p-bab-pop .45s cubic-bezier(.22,1,.36,1)}.p-bab__progress-next{font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);color:var(--color-coco-main)}.p-bab__progress-track{height:.7rem;border-radius:999rem;background-color:var(--color-gold-100);overflow:hidden}.p-bab__progress-fill{display:block;width:0;height:100%;border-radius:999rem;background-color:var(--color-gold-500);transition:width .4s cubic-bezier(.22,1,.36,1)}.p-bab__meter{position:relative;padding-bottom:3.2rem}.p-bab__mark{position:absolute;top:-.2rem;display:flex;flex-direction:column;align-items:center;gap:.4rem;transform:translate(-50%)}.p-bab__mark--end{transform:translate(-100%);align-items:flex-end}.p-bab__mark-dot{width:1.1rem;height:1.1rem;border-radius:999rem;border:.2rem solid var(--color-gold-300);background-color:var(--color-gold-0);transition:border-color .2s ease,background-color .2s ease}.p-bab__mark-qty{font-family:var(--font-sunset-family);font-size:1.1rem;line-height:1;color:var(--color-gold-600);white-space:nowrap}.p-bab__mark-price{font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:1.2rem;line-height:1;color:var(--color-coco-main);white-space:nowrap;margin-top:6px}.p-bab__mark.is-reached .p-bab__mark-dot{border-color:var(--color-gold-500);background-color:var(--color-gold-500)}.p-bab__mark.is-reached .p-bab__mark-price{color:var(--color-gold-700)}.p-bab__slots{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;max-height:28rem;overflow-y:auto;padding-right:.4rem}.p-bab__slot{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:0;border:.2rem dashed var(--color-gold-300);border-radius:999rem;background-color:var(--color-gold-0);color:var(--color-gold-400);overflow:hidden;position:relative}.p-bab__slot.is-filled{border-style:solid;border-color:var(--color-coco-main);cursor:pointer}.p-bab__slot-img{width:100%;height:100%;object-fit:cover;transition:filter .35s ease}.p-bab.is-under-min .p-bab__slot-img{filter:grayscale(1)}.p-bab__slot.is-filled:after{content:"\d7";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#361a0f8c;color:var(--color-gold-0);font-size:2rem;opacity:0;transition:opacity .15s ease}.p-bab__slot.is-filled:hover:after,.p-bab__slot.is-filled:focus-visible:after{opacity:1}.p-bab__box-foot{display:flex;flex-direction:column;gap:1.2rem;padding-top:1.6rem;border-top:.1rem solid var(--color-gold-200)}.p-bab__box-subtotal{display:flex;align-items:baseline;justify-content:space-between}.p-bab__box-subtotal-label{font-family:var(--font-sunset-family);font-size:var(--font-paragraph-l-size);color:var(--color-coco-main)}.p-bab__box-subtotal-prices{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.p-bab__box-subtotal-value{font-family:var(--font-sunset-family);font-weight:var(--font-h4-weight);font-size:var(--font-h5-size);color:var(--color-coco-main)}.p-bab__box-subtotal-percup{font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);margin-top:6px;color:var(--color-gold-600)}.p-bab__subtotal-was{margin-right:.2rem;font-weight:var(--font-paragraph-weight, 400);font-size:1.4rem;color:var(--color-gold-600);text-decoration:line-through}.p-bab__box-hint{margin:0;text-align:center;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);color:var(--color-gold-600)}.p-bab__proceed{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1.6rem 2rem;border:0;border-radius:999rem;background-color:var(--color-coco-main);color:var(--color-gold-0);font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-h6-size);cursor:pointer;transition:background-color .15s ease,opacity .15s ease}.p-bab__proceed .p-icon{width:1.6rem;height:1.6rem}.p-bab__proceed:hover:not(:disabled){background-color:var(--color-coco-dark)}.p-bab__proceed:disabled{opacity:.4;cursor:not-allowed}.p-bab__proceed.is-loading{position:relative;opacity:.85;pointer-events:none}.p-bab__proceed.is-loading>*{visibility:hidden}.p-bab__proceed.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin:-1rem 0 0 -1rem;border:.25rem solid rgba(255,251,230,.35);border-top-color:var(--color-gold-0);border-radius:999rem;animation:p-bab-spin .7s linear infinite}@keyframes p-bab-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.p-bab__proceed.is-loading>*{visibility:visible}.p-bab__proceed.is-loading:after{content:none}}.p-bab__flavors{flex:1 1 auto;min-width:0}.p-bab__progress--top{margin-bottom:2.8rem}.p-bab__progress--top .p-bab__progress-next{font-size:var(--font-paragraph-m-size)}.p-bab__progress--top .p-bab__progress-track{height:.8rem}.p-bab__progress--top .p-bab__meter{padding-bottom:4.1rem}.p-bab__progress--top .p-bab__mark{top:-.25rem}.p-bab__progress--top .p-bab__mark-dot{width:1.3rem;height:1.3rem}.p-bab__progress--top .p-bab__mark-qty{font-size:1.2rem}.p-bab__progress--top .p-bab__mark-price{font-size:1.4rem}.p-bab__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.p-bab__card{position:relative;display:flex;flex-direction:column;border:.15rem solid var(--color-gold-200);border-radius:2rem;background-color:var(--color-gold-0);overflow:hidden;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.p-bab__card:hover{border-color:var(--color-coco-main);box-shadow:0 1.2rem 2.6rem #361a0f1f;transform:translateY(-.3rem)}.p-bab__card.is-selected{border-color:var(--color-coco-main);box-shadow:0 1.2rem 2.6rem #361a0f1f}.p-bab__card-badge{position:absolute;top:1rem;right:1rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:2.8rem;height:2.8rem;padding:0 .6rem;border-radius:999rem;background-color:var(--color-coco-main);color:var(--color-gold-0);font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-paragraph-m-size)}.p-bab__card-remove{position:absolute;top:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;padding:0;border:.15rem solid var(--color-coco-main);border-radius:999rem;background-color:var(--color-gold-0);color:var(--color-coco-main);font-size:2rem;line-height:1;cursor:pointer;transition:background-color .15s ease,color .15s ease}.p-bab__card-remove:hover{background-color:var(--color-coco-main);color:var(--color-gold-0)}.p-bab__card-badge[hidden],.p-bab__card-remove[hidden]{display:none}.p-bab__card:hover .p-bab__add{background-color:var(--color-coco-main);color:var(--color-gold-0)}.p-bab__card-media{position:relative;aspect-ratio:4 / 3;background-color:var(--color-gold-100)}.p-bab__card-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#361a0f1f;background-image:linear-gradient(var(--color-gold-0),var(--color-gold-0)),linear-gradient(var(--color-gold-0),var(--color-gold-0));background-size:2.8rem .2rem,.2rem 2.8rem;background-position:center;background-repeat:no-repeat;pointer-events:none;transition:opacity .3s ease}.p-bab__card.is-touched .p-bab__card-media:after{opacity:0}.p-bab__card-img{width:100%;height:100%;object-fit:cover;display:block}.p-bab__card-body{flex:1;display:flex;flex-direction:column;gap:.6rem;padding:1.4rem 1.6rem 1.6rem}.p-bab__card-row{display:flex;align-items:baseline;justify-content:space-between;gap:.8rem}.p-bab__card-title{margin:0;font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-h6-size);line-height:1.3;color:var(--color-coco-main)}.p-bab__add{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;margin-top:.8rem;padding:1.1rem 1.4rem;border:.15rem solid var(--color-coco-main);border-radius:999rem;background-color:var(--color-gold-0);color:var(--color-coco-main);font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-paragraph-m-size);cursor:pointer;transition:background-color .15s ease,color .15s ease,transform .1s ease}.p-bab__add:hover{background-color:var(--color-coco-main);color:var(--color-gold-0)}.p-bab__add:active{transform:scale(.98)}.p-bab__add-icon{display:inline-flex}.p-bab__add-icon .p-icon{width:1.4rem;height:1.4rem}.p-bab__add-badge{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .5rem;border-radius:999rem;background-color:var(--color-gold-500);color:var(--color-coco-main);font-size:1.2rem;font-weight:var(--font-h6-weight)}.p-bab__add:hover .p-bab__add-badge{background-color:var(--color-gold-0)}.p-bab__mbar{display:none}@media screen and (max-width:989px){.p-bab__layout{flex-direction:column;gap:2rem;padding:.4rem 0 16rem}.p-bab__box,.p-bab__progress--top{display:none}.p-bab__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.p-bab__card{border-radius:1.6rem}.p-bab__card-media{aspect-ratio:1 / 1}.p-bab__card-body{gap:0;padding:1.2rem .8rem 1rem}.p-bab__card-row{justify-content:center}.p-bab__card-title{font-size:var(--font-paragraph-s-size, 1.3rem);text-align:center}.p-bab__add{display:none}.p-bab__card-badge{top:.6rem;right:.6rem}.p-bab__card-remove{top:.6rem;left:.6rem}.p-bab__mbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;background-color:var(--color-gold-0);border-top:.15rem solid var(--color-gold-200);box-shadow:0 -.6rem 2rem #361a0f1a}.p-bab__mbar-inner{display:flex;flex-direction:column;gap:.9rem;padding:1rem 0 1.2rem}.p-bab__mbar-progress-row{display:flex;align-items:center;gap:.8rem;margin-bottom:1.4rem}.p-bab__mbar-count{font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-paragraph-m-size);color:var(--color-coco-main);white-space:nowrap}.p-bab__mbar-count-sep{margin:0 .2rem;opacity:.45}.p-bab__mbar-count-label{margin-left:.2rem;font-size:var(--font-paragraph-s-size, 1.3rem);color:var(--color-gold-600)}.p-bab__mbar-discount{padding:.5rem .9rem;border-radius:999rem;background-color:var(--color-coco-main);font-family:var(--font-sunset-family);font-weight:var(--font-h6-weight);font-size:var(--font-paragraph-s-size, 1.3rem);color:var(--color-gold-400);white-space:nowrap}.p-bab__mbar-discount.is-pop{animation:p-bab-pop .45s cubic-bezier(.22,1,.36,1)}.p-bab__mbar-incentive{margin-left:auto;font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);line-height:1.3;text-align:right;color:var(--color-gold-600)}.p-bab__mbar-progress .p-bab__progress-track{height:.5rem}.p-bab__mbar-progress .p-bab__meter{padding-bottom:5rem}.p-bab__mbar-progress .p-bab__mark{top:-.3rem}.p-bab__mbar-progress .p-bab__mark-price{font-size:1.1rem}.p-bab__mbar-row{display:flex;align-items:center;gap:1.4rem}.p-bab__mbar-info{display:flex;flex-direction:column;flex:1;min-width:0}.p-bab__mbar-label{font-family:var(--font-sunset-family);font-size:var(--font-paragraph-s-size, 1.3rem);color:var(--color-gold-600);margin-bottom:1rem}.p-bab__mbar-subtotal{font-family:var(--font-sunset-family);font-weight:var(--font-h4-weight);font-size:var(--font-h5-size);color:var(--color-coco-main)}.p-bab__proceed--m{flex:0 0 auto;width:auto;padding:1rem 3.2rem}}@media screen and (max-width:749px){.p-bab__grid{gap:.8rem}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-p-build-a-box.css.map */