infinote-box-builder{display:block;padding:0 1.6rem;max-width:var(--page-width, 1200px);margin:0 auto;scroll-margin-top:8rem;font-family:var(--ibb-font-body);font-size:var(--ibb-fs-base);line-height:var(--ibb-lh);color:var(--ibb-text)}infinote-box-builder button,infinote-box-builder input,infinote-box-builder select,infinote-box-builder textarea{font-family:inherit;font-size:inherit;border-radius:var(--ibb-radius)}.ibb__muted{margin:0;color:var(--ibb-muted);font-size:var(--ibb-fs-sm)}.ibb__price{white-space:nowrap;font-variant-numeric:tabular-nums}.ibb__link{display:block;margin:1.4rem auto 0;padding:0;background:none;border:0;color:var(--ibb-muted);font-size:var(--ibb-fs-sm);text-decoration:underline;cursor:pointer}.ibb__link:hover{color:var(--ibb-ink)}.ibb__page-head{max-width:var(--page-width, 1200px);margin:3rem auto 0;padding:0 1.6rem}.ibb__progress{list-style:none;display:flex;align-items:flex-start;justify-content:center;margin:2.4rem auto 3.2rem;padding:0;max-width:56rem}.ibb__stepitem{display:flex;flex-direction:column;align-items:center;gap:.8rem;min-width:7rem}.ibb__rule{flex:1;height:1px;background:var(--ibb-line);margin-top:1.7rem;min-width:2rem}.ibb__stepbtn{background:none;border:0;padding:0;cursor:default;color:inherit}.ibb__stepbtn[data-act]{cursor:pointer}.ibb__dot{display:inline-flex;align-items:center;justify-content:center;min-width:3.4rem;height:3.4rem;padding:0 1.4rem;border:1px solid var(--ibb-line);border-radius:3.4rem;font-size:var(--ibb-fs-sm)}.ibb__dot.is-done{background:var(--ibb-ink);color:var(--ibb-paper);border-color:var(--ibb-ink);padding:0}.ibb__dot.is-current{border:2px solid var(--ibb-ink)}.ibb__steplabel{font-size:var(--ibb-fs-xs);letter-spacing:var(--ibb-caps-spacing);text-transform:uppercase;color:var(--ibb-muted)}.ibb__head{text-align:center;margin:0 auto 3rem;max-width:64rem}.ibb__kicker{margin:0 0 .8rem;font-size:var(--ibb-fs-xs);letter-spacing:var(--ibb-caps-spacing);text-transform:uppercase;color:var(--ibb-muted)}.ibb__title{margin:0 0 1rem;font-family:var(--ibb-font-heading);font-size:var(--h2-size, 3.6rem);font-weight:var(--heading-weight, 400);line-height:1.15;text-transform:var(--ibb-heading-transform);letter-spacing:var(--heading-letter-spacing, 0)}.ibb__sub{margin:0;color:var(--ibb-muted)}.ibb__boxcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:1.6rem}.ibb__boxcard{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:2rem 1.6rem;text-align:center;background:transparent;color:inherit;border:1px solid var(--ibb-line);cursor:pointer;transition:border-color .15s}.ibb__boxcard:hover,.ibb__boxcard:focus-visible{border-color:var(--ibb-ink)}.ibb__boxcard-img{width:100%;max-width:18rem;aspect-ratio:1;object-fit:contain}.ibb__boxcard-title{font-weight:var(--heading-weight, 600)}.ibb__boxcard-foot{margin-top:auto;padding-top:1rem;display:grid;gap:.6rem;justify-items:center}.ibb__boxcard-cta{font-size:var(--ibb-fs-xs);letter-spacing:var(--ibb-btn-spacing);text-transform:var(--ibb-btn-transform);border-bottom:1px solid transparent}.ibb__boxcard:hover .ibb__boxcard-cta,.ibb__boxcard:focus-visible .ibb__boxcard-cta{border-bottom-color:currentColor}.ibb__ph{display:flex!important;align-items:center;justify-content:center;background:var(--ibb-tint);font-size:2.4rem;opacity:.6}.ibb__wrap{display:grid;gap:2rem}.ibb__tabs{display:flex;flex-wrap:wrap;border:1px solid var(--ibb-line)}.ibb__tab{flex:1 1 0;min-width:9rem;padding:1.2rem 1rem;background:transparent;color:inherit;border:0;border-right:1px solid var(--ibb-line);cursor:pointer;font-size:var(--ibb-fs-xs);letter-spacing:var(--ibb-btn-spacing);text-transform:var(--ibb-btn-transform)}.ibb__tab:last-child{border-right:0}.ibb__tab.is-selected{background:var(--ibb-ink);color:var(--ibb-paper)}.ibb__tab.is-off{opacity:.5;cursor:not-allowed}.ibb__tab.is-selected.is-off{opacity:1;cursor:pointer;background:var(--ibb-warn)}.ibb__status{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-left:3px solid var(--ibb-line);background:var(--ibb-tint)}.ibb__status--ok{border-left-color:var(--ibb-ok)}.ibb__status--warn{border-left-color:var(--ibb-warn)}.ibb__notice{margin:0;padding:.8rem 1.2rem;border-left:2px solid var(--ibb-ink);background:var(--ibb-tint)}.ibb__panel{display:grid;grid-template-columns:1fr;gap:2rem;align-items:start}.ibb__preview{display:grid;gap:2rem;align-content:start}.ibb__preview-box{display:flex;gap:2rem;align-items:center}.ibb__preview-img{width:16rem;flex:none;aspect-ratio:1;object-fit:contain;background:var(--ibb-tint)}.ibb__preview-info{display:grid;gap:.6rem;min-width:0;flex:1;max-width:28rem}.ibb__preview-name{margin:0;font-family:var(--ibb-font-heading);font-size:var(--ibb-fs-lg);font-weight:var(--heading-weight, 600)}.ibb__meter{height:.6rem;background:var(--ibb-line)}.ibb__meter>span{display:block;height:100%;background:var(--ibb-ok);transition:width .2s}.ibb__meter.is-over>span{background:var(--ibb-warn)}.ibb__empty{margin:0;padding:2.4rem;border:1px dashed var(--ibb-line);color:var(--ibb-muted);text-align:center}.ibb__thumbs{display:flex;flex-wrap:wrap;gap:1rem}.ibb__thumb-lg-wrap{position:relative}.ibb__thumb-lg{display:block;width:9.6rem;aspect-ratio:1;object-fit:contain;background:var(--ibb-tint)}.ibb__badge{position:absolute;top:.4rem;right:.4rem;padding:0 .6rem;background:var(--ibb-ink);color:var(--ibb-paper);font-size:var(--ibb-fs-xs);line-height:1.8rem}.ibb__summary{padding:2rem;background:var(--ibb-tint)}.ibb__summary-title{margin:0 0 1.4rem;font-family:var(--ibb-font-heading);font-size:var(--ibb-fs-lg);font-weight:var(--heading-weight, 400);text-transform:var(--ibb-heading-transform);letter-spacing:var(--heading-letter-spacing, 0)}.ibb__lines{list-style:none;margin:0 0 1.4rem;padding:0 0 1.4rem;border-bottom:1px solid var(--ibb-line);display:grid;gap:.8rem}.ibb__line{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem}.ibb__line>span:first-child{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ibb__line .ibb__price{flex:none}.ibb__line--thumb{display:grid;grid-template-columns:5.6rem 1fr auto;align-items:center}.ibb__line--thumb>.ibb__line-name{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ibb__line-img{width:5.6rem;height:5.6rem;object-fit:contain;background:var(--ibb-tint)}.ibb__subtotal{display:flex;justify-content:space-between;margin:0 0 1.4rem}.ibb__subtotal--total{font-size:var(--ibb-fs-lg)}.ibb__row{display:flex;gap:1rem;flex-wrap:wrap}.ibb__row .ibb__btn{flex:1;padding-left:1rem;padding-right:1rem;white-space:nowrap}.ibb__filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;padding:1.2rem 0;border-top:1px solid var(--ibb-line);border-bottom:1px solid var(--ibb-line)}.ibb__filters :where(select,input){height:4.4rem;padding:0 1.2rem;border:1px solid var(--ibb-line);background-color:transparent;color:inherit}.ibb__filters select{-webkit-appearance:none;appearance:none;padding-right:3.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='m1 1.5 5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.4rem center}.ibb__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem 1.2rem}.ibb__card{display:flex;flex-direction:column;gap:.4rem}.ibb__card p{margin:0}.ibb__card-title{font-weight:500;line-height:1.4;min-height:2.8em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ibb__card-media{background:var(--ibb-tint)}.ibb__card.is-in .ibb__card-media{outline:1px solid var(--ibb-ink);outline-offset:-1px}.ibb__card-img{display:block;width:100%;aspect-ratio:1;object-fit:contain;padding:1.2rem;box-sizing:border-box}.ibb__card-ctl{margin-top:auto;padding-top:.8rem}.ibb__add,.ibb__qty{display:flex;width:100%;height:4rem}.ibb__add{align-items:center;justify-content:center;border:1px solid var(--ibb-ink);background:transparent;color:var(--ibb-ink);cursor:pointer;text-transform:var(--ibb-btn-transform);letter-spacing:var(--ibb-btn-spacing);font-size:var(--ibb-fs-xs);transition:background .15s,color .15s}.ibb__add:hover{background:var(--ibb-ink);color:var(--ibb-paper)}.ibb__qty{align-items:center;justify-content:space-between;border:1px solid var(--ibb-ink);font-size:var(--ibb-fs-xs);text-transform:var(--ibb-btn-transform);letter-spacing:var(--ibb-btn-spacing)}.ibb__step-btn{width:3.6rem;height:3.6rem;border:0;background:transparent;color:inherit;cursor:pointer;font-size:1.8rem;line-height:1}.ibb__qty .ibb__step-btn{height:100%}.ibb__soldout{display:flex;align-items:center;justify-content:center;height:4rem;border:1px solid var(--ibb-line);color:var(--ibb-muted);font-size:var(--ibb-fs-xs);text-transform:var(--ibb-btn-transform);letter-spacing:var(--ibb-btn-spacing)}.ibb__card.is-sold .ibb__card-img{opacity:.45}.ibb__btn{padding:1.3rem 2.4rem;background:var(--ibb-ink);color:var(--ibb-paper);border:1px solid var(--ibb-ink);cursor:pointer;text-transform:var(--ibb-btn-transform);letter-spacing:var(--ibb-btn-spacing);font-size:var(--ibb-fs-sm)}.ibb__btn:disabled{opacity:.4;cursor:not-allowed}.ibb__btn--line{background:transparent;color:inherit;border-color:currentColor;padding:.9rem 1.6rem}.ibb__boxcard.is-off{opacity:.45;cursor:not-allowed}.ibb__count{display:flex;align-items:center;gap:.6rem;justify-content:flex-end}.ibb__count input{width:6rem;height:3.6rem;text-align:center;border:1px solid var(--ibb-line);background:transparent;color:inherit}.ibb__count .ibb__step-btn{border:1px solid var(--ibb-line)}.ibb__tray{position:fixed;inset:auto 0 0 0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem 1.6rem;background:var(--ibb-paper);border-top:1px solid var(--ibb-line);box-shadow:0 -4px 20px #0000000d}.ibb__tray-thumbs{display:flex;gap:.6rem;flex:1 1 100%;overflow-x:auto;min-height:5.4rem;padding-top:.6rem}.ibb__tray-thumb{position:relative;flex:none}.ibb__thumb{display:block;width:5rem;height:5rem;object-fit:contain;background:var(--ibb-tint)}.ibb__x{position:absolute;border-radius:50%!important;top:-.6rem;right:-.6rem;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--ibb-ink);border-radius:50%;background:var(--ibb-paper);color:inherit;cursor:pointer;font-size:1.2rem;line-height:1}.ibb__tray-info{display:flex;flex-direction:column;gap:.4rem;margin-left:auto;text-align:right}.ibb__tray .ibb__btn{min-width:26rem}.ibb__review{max-width:64rem;margin:0 auto}.ibb__note{display:grid;gap:1rem;margin:1.6rem 0;padding:1.6rem;border:1px solid var(--ibb-line)}.ibb__note legend{padding:0 .6rem}.ibb__note label{display:grid;gap:.4rem}.ibb__note :where(input,textarea){padding:1rem 1.2rem;border:1px solid var(--ibb-line);background:transparent;color:inherit}.ibb__error{margin:0;color:var(--ibb-error)}.ibb__payload{position:fixed;inset:10% 5% auto;max-width:70rem;margin:0 auto;z-index:30;padding:2rem;background:var(--ibb-paper);border:1px solid var(--ibb-ink);max-height:70vh;overflow:auto}.ibb__payload pre{font-size:var(--ibb-fs-xs);white-space:pre-wrap}infinote-box-builder:has(.ibb__tray){padding-bottom:17rem}infinote-box-builder:not(:has(.ibb__tray)){padding-bottom:6rem}infinote-box-builder :where(button,input,select,textarea,a):focus-visible{outline:2px solid var(--ibb-ink);outline-offset:2px}@media(max-width:767px){.ibb__preview-box{flex-direction:column;align-items:flex-start}.ibb__preview-img{width:12rem}.ibb__tray{gap:.8rem 1.2rem;padding:.8rem 1.6rem calc(.8rem + env(safe-area-inset-bottom,0px))}.ibb__tray-thumbs{min-height:4.2rem}.ibb__thumb{width:4rem;height:4rem}.ibb__tray-info{flex:none;margin-left:0}.ibb__tray-info .ibb__kicker{display:none}.ibb__tray .ibb__btn{flex:1;min-width:0;padding-left:1.2rem;padding-right:1.2rem}}@media(min-width:768px){.ibb__panel{grid-template-columns:1fr 36rem}.ibb__summary{position:sticky;top:12rem}.ibb__grid{grid-template-columns:repeat(3,1fr);gap:3.2rem 1.6rem}.ibb__tray-thumbs{flex:1}.ibb__tray{flex-wrap:nowrap}infinote-box-builder:has(.ibb__tray){padding-bottom:11rem}}@media(min-width:1025px){.ibb__grid{grid-template-columns:repeat(4,1fr)}}@media(prefers-reduced-motion:reduce){.ibb__add,.ibb__boxcard,.ibb__meter>span{transition:none!important}}infinote-box-builder .ibb__filters input[type=search],infinote-box-builder .ibb__count input,infinote-box-builder .ibb__note input,infinote-box-builder .ibb__note textarea{border-radius:var(--ibb-radius)}
/*# sourceMappingURL=/cdn/shop/t/52/assets/infinote-box-builder.css.map */