.bb-zakeke-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--bb-z-modal, 100000);background:color-mix(in srgb,var(--bb-dark) 62%,transparent);-webkit-backdrop-filter:blur(var(--bb-geometry-4));backdrop-filter:blur(var(--bb-geometry-4));align-items:stretch;justify-content:stretch;padding:0;box-sizing:border-box}.bb-zakeke-modal.open{display:flex}.bb-zakeke-modal__inner{position:relative;width:100%;height:100%;max-width:none;max-height:none;background:#fff;border-radius:0;overflow:hidden;display:flex;flex-direction:column;animation:bb-modal-in .3s var(--ease-out-quart)}@keyframes bb-modal-in{0%{opacity:0;transform:scale(.97) translateY(var(--bb-geometry-16))}to{opacity:1;transform:none}}.bb-zakeke-modal__bar{display:flex;align-items:center;gap:var(--bb-geometry-14);padding:var(--bb-geometry-12) var(--bb-geometry-18);background:var(--bb-dark, #182A44);flex-shrink:0}.bb-zakeke-modal__logo{height:var(--bb-geometry-26);width:auto;display:block;flex-shrink:0}.bb-zakeke-modal__brand{display:flex;flex-direction:column;gap:1px;min-width:0;margin-right:auto;padding-left:var(--bb-geometry-14);border-left:1px solid rgba(255,255,255,.16)}.bb-zakeke-modal__title{font-family:var(--bb-font-head);font-size:var(--bb-text-option-title);font-weight:700;color:#fff;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-zakeke-modal__sub{font-size:var(--bb-text-caption);color:#ffffff9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bb-zakeke-modal__close{width:var(--bb-target-min);height:var(--bb-target-min);border-radius:50%;background:#ffffff1f;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:background var(--duration-default, .2s);flex-shrink:0}.bb-zakeke-modal__close:hover{background:#ffffff3d}.bb-zakeke-modal__stage{position:relative;flex:1;min-height:0;background:#e0e0e0}.bb-zakeke-modal__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;display:block;background:#e0e0e0}@media(min-width:769px){.bb-zakeke-modal__stage{overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin}.bb-zakeke-modal__iframe{min-height:620px}}@media(min-width:769px)and (max-height:700px){.bb-zakeke-modal__bar{padding-top:4px;padding-bottom:4px}}.bb-zakeke-modal__loading,.bb-zakeke-modal__error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bb-geometry-16);padding:var(--bb-geometry-32);text-align:center;font-family:var(--bb-font-body);font-size:var(--bb-text-label);color:var(--bb-text)}.bb-zakeke-modal__loading{z-index:1;background:#e0e0e0;color:var(--bb-dark, #182A44);opacity:1;transition:opacity .22s cubic-bezier(.22,1,.36,1)}.bb-zakeke-modal__loading.is-leaving{opacity:0;pointer-events:none}.bb-zakeke-modal__error{display:none;background:#fff}.bb-zakeke-modal__loading-content{width:min(100%,42rem);display:flex;flex-direction:column;align-items:center;gap:var(--bb-geometry-24)}.bb-zakeke-modal__brandmark{height:var(--bb-geometry-30);width:auto;opacity:.92;margin-bottom:2px}.bb-zakeke-modal__creative{--bb-creative-scale: 1.48;width:34rem;height:23rem;display:grid;place-items:center;contain:layout paint}.bb-zakeke-modal__design-badge{position:relative;width:20rem;height:13.4rem;overflow:hidden;border:1px solid rgba(24,42,68,.14);border-radius:var(--bb-geometry-12);background:#fff;box-shadow:0 4px 8px #182a441a;transform:scale(var(--bb-creative-scale));isolation:isolate}.bb-zakeke-modal__design-badge:before{content:"";position:absolute;top:.7rem;left:50%;width:3.8rem;height:.65rem;border-radius:var(--bb-geometry-4);background:#182a4424;transform:translate(-50%)}.bb-zakeke-modal__design-header{position:absolute;top:2.2rem;left:5.05rem;width:12.85rem;height:2.45rem;overflow:hidden;border-radius:var(--bb-geometry-6);background:var(--bb-blue, #36ACE3);opacity:0;transform:scaleX(.08);transform-origin:left center;will-change:transform,opacity;animation:bb-designer-header 3.6s cubic-bezier(.22,1,.36,1) infinite}.bb-zakeke-modal__design-header:before,.bb-zakeke-modal__design-header:after{content:"";position:absolute;left:1.05rem;height:.24rem;border-radius:var(--bb-geometry-4);background:#ffffffeb}.bb-zakeke-modal__design-header:before{top:.72rem;width:5.2rem}.bb-zakeke-modal__design-header:after{top:1.35rem;width:3.35rem;opacity:.68}.bb-zakeke-modal__design-mark{position:absolute;top:2.2rem;left:2.1rem;width:2.45rem;height:2.45rem;padding:.2rem;object-fit:contain}.bb-zakeke-modal__design-line{position:absolute;top:6rem;left:3rem;width:6.2rem;height:.28rem;border-radius:var(--bb-geometry-4);background:#2a467047;opacity:0;transform:translateY(.42rem) scaleX(.82);transform-origin:left center;will-change:transform,opacity;animation:bb-designer-type 3.6s cubic-bezier(.22,1,.36,1) calc(var(--bb-type-index) * .13s) infinite}.bb-zakeke-modal__design-line--short{top:6.9rem;width:4.1rem;background:#2a46702e}.bb-zakeke-modal__swatches{position:absolute;top:5.65rem;right:3rem;display:flex;gap:.58rem}.bb-zakeke-modal__swatch{width:1.18rem;height:1.18rem;border:2px solid #fff;border-radius:50%;opacity:.64;box-shadow:0 0 0 1px #182a4429;transform:scale(1);will-change:transform,opacity;animation:bb-designer-swatch 3.6s cubic-bezier(.22,1,.36,1) calc(var(--bb-swatch-index) * .12s) infinite}.bb-zakeke-modal__swatch--navy{background:var(--bb-darkblue, #0A4472)}.bb-zakeke-modal__swatch--blue{background:var(--bb-blue, #36ACE3)}.bb-zakeke-modal__swatch--sky{background:var(--bb-blue40, #86CDEE)}.bb-zakeke-modal__barcode{--bb-barcode-scan-distance: 2.35rem;--bb-barcode-static-position: 1.15rem;position:absolute;left:3rem;bottom:1.7rem;display:flex;width:14rem;height:2.55rem;align-items:stretch;justify-content:center;gap:2px;overflow:hidden;isolation:isolate}.bb-zakeke-modal__barcode [data-bb-loading-bar]{display:block;flex:none;background:var(--bb-dark, #182A44);opacity:.78}.bb-zakeke-modal__barcode .bar-1{width:2px}.bb-zakeke-modal__barcode .bar-2{width:3px}.bb-zakeke-modal__barcode .bar-3{width:5px}.bb-zakeke-modal__scan-line{position:absolute;inset:0 0 auto 0;z-index:3;width:100%;height:2px;background:var(--bb-blue, #36ACE3);box-shadow:0 0 8px #36ace394;opacity:0;transform:translateY(0);will-change:transform,opacity;animation:bb-designer-barcode-scan 3.6s cubic-bezier(.45,0,.55,1) infinite}.bb-zakeke-modal__scan-line:before{content:"";position:absolute;inset:-.45rem 0 auto;height:.9rem;background:linear-gradient(to bottom,transparent,rgba(54,172,227,.14),transparent)}.bb-zakeke-modal__loading-copy{min-height:5.6rem;display:flex;flex-direction:column;justify-content:center;gap:var(--bb-geometry-6);opacity:1;transform:translateY(0);transition:opacity .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}.bb-zakeke-modal__loading-copy.is-changing{opacity:0;transform:translateY(.35rem)}.bb-zakeke-modal__loading-title{color:var(--bb-dark, #182A44);font-family:var(--bb-font-head, "Fira Sans", sans-serif);font-size:var(--bb-type-22, 2.2rem);font-weight:800;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}.bb-zakeke-modal__loading-copy p{max-width:34rem;margin:0;color:var(--bb-text);font-size:var(--bb-text-label);line-height:1.5;text-wrap:pretty}@keyframes bb-designer-header{0%,5%{opacity:0;transform:scaleX(.08)}9%{opacity:1}22%,88%{opacity:1;transform:scaleX(1)}96%,to{opacity:0;transform:scaleX(1)}}@keyframes bb-designer-type{0%,19%{opacity:0;transform:translateY(.42rem) scaleX(.82)}30%,88%{opacity:1;transform:translateY(0) scaleX(1)}96%,to{opacity:0;transform:translateY(0) scaleX(1)}}@keyframes bb-designer-swatch{0%,34%{opacity:.64;transform:scale(1)}40%,47%{opacity:1;transform:scale(1.2)}54%,to{opacity:.72;transform:scale(1)}}@keyframes bb-designer-barcode-scan{0%,58%{opacity:0;transform:translateY(0)}62%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(var(--bb-barcode-scan-distance))}84%,to{opacity:0;transform:translateY(var(--bb-barcode-scan-distance))}}.bb-zakeke-modal__err-icon{color:var(--bb-blue, #36ACE3)}.bb-zakeke-modal__err-title{font-family:var(--bb-font-head);font-size:var(--bb-type-20);font-weight:700;color:var(--bb-dark)}.bb-zakeke-modal__err-actions{display:flex;gap:var(--bb-geometry-10);flex-wrap:wrap;justify-content:center;margin-top:var(--bb-geometry-4)}.bb-zakeke-modal__retry{background:var(--bb-blue, #36ACE3);color:#fff;border:none;padding:var(--bb-geometry-12) var(--bb-geometry-24);border-radius:var(--bb-geometry-8);font-weight:700;cursor:pointer;font-family:inherit;transition:background var(--duration-default, .2s)}.bb-zakeke-modal__retry:hover{background:var(--bb-darkblue)}.bb-zakeke-modal__error a{background:#fff;color:var(--bb-title, #2A4670);border:1.5px solid var(--bb-stroke, #E0E0E0);padding:var(--bb-geometry-12) var(--bb-geometry-24);border-radius:var(--bb-geometry-8);font-weight:700;text-decoration:none}.bb-zakeke-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:none;align-items:center;justify-content:center;padding:var(--bb-geometry-24);background:color-mix(in srgb,var(--bb-dark) 55%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bb-zakeke-confirm.open{display:flex}.bb-zakeke-confirm__card{background:#fff;border-radius:var(--bb-geometry-16);padding:var(--bb-geometry-28) var(--bb-geometry-26) var(--bb-geometry-24);max-width:var(--bb-geometry-380);width:100%;box-shadow:0 var(--bb-geometry-24) var(--bb-geometry-60) color-mix(in srgb,var(--bb-dark) 35%,transparent);display:flex;flex-direction:column;align-items:center;text-align:center;animation:bb-modal-in .25s var(--ease-out-quart)}.bb-zakeke-confirm__icon{width:var(--bb-geometry-56);height:var(--bb-geometry-56);border-radius:50%;background:var(--bb-lightbg, #EDF7FD);color:var(--bb-blue, #36ACE3);display:flex;align-items:center;justify-content:center;margin-bottom:var(--bb-geometry-16)}.bb-zakeke-confirm__title{font-family:var(--bb-font-head);font-size:var(--bb-type-20);font-weight:800;color:var(--bb-dark);margin-bottom:var(--bb-geometry-6)}.bb-zakeke-confirm__text{font-family:var(--bb-font-body);font-size:var(--bb-text-label);color:var(--bb-text);margin:0 0 var(--bb-geometry-20);line-height:1.5}.bb-zakeke-confirm__actions{display:flex;flex-direction:column;gap:var(--bb-geometry-10);width:100%}.bb-zakeke-confirm__actions button{width:100%;padding:var(--bb-geometry-13) var(--bb-geometry-16);border-radius:var(--bb-geometry-10);font-weight:700;font-size:var(--bb-text-label);cursor:pointer;font-family:var(--bb-font-body);transition:background var(--duration-default) var(--ease-standard),border-color var(--duration-default) var(--ease-standard),color var(--duration-default) var(--ease-standard)}.bb-zakeke-confirm__keep{background:var(--bb-blue, #36ACE3);color:#fff;border:none}.bb-zakeke-confirm__keep:hover{background:var(--bb-darkblue)}.bb-zakeke-confirm__discard{background:#fff;color:var(--bb-grey, #82888C);border:1.5px solid var(--bb-stroke, #E0E0E0)}.bb-zakeke-confirm__discard:hover{color:var(--bb-red);border-color:var(--bb-red);background:color-mix(in srgb,var(--bb-red) 6%,var(--bb-white))}@media(max-width:768px){html.bb-zakeke-open,html.bb-zakeke-open body{overflow:hidden!important;overscroll-behavior:none}html.bb-zakeke-open .bb-header,html.bb-zakeke-open .bb-navbar,html.bb-zakeke-open .bb-breadcrumb,html.bb-zakeke-open .bb-product-sticky,html.bb-zakeke-open #CartDrawer{display:none!important}.bb-zakeke-modal{padding:0}.bb-zakeke-modal__inner{border-radius:0;width:100vw;height:100dvh;max-width:none;max-height:none}.bb-zakeke-modal__bar{gap:var(--bb-geometry-10);padding:calc(var(--bb-geometry-10) + env(safe-area-inset-top)) calc(var(--bb-geometry-12) + env(safe-area-inset-right)) var(--bb-geometry-10) calc(var(--bb-geometry-12) + env(safe-area-inset-left))}.bb-zakeke-modal__logo{height:var(--bb-geometry-18)}.bb-zakeke-modal__brand{padding-left:var(--bb-geometry-10)}.bb-zakeke-modal__title{font-size:1.4rem}.bb-zakeke-modal__sub{font-size:1.1rem}.bb-zakeke-modal__loading{padding:var(--bb-geometry-20)}.bb-zakeke-modal__loading-content{gap:var(--bb-geometry-20)}.bb-zakeke-modal__creative{--bb-creative-scale: 1.28;width:29rem;height:20rem}.bb-zakeke-modal__loading-title{font-size:var(--bb-type-20, 2rem)}.bb-zakeke-modal__loading-copy p{font-size:var(--bb-text-label)}}@media(max-height:650px){.bb-zakeke-modal__loading{padding:var(--bb-geometry-16)}.bb-zakeke-modal__loading-content{gap:var(--bb-geometry-16)}.bb-zakeke-modal__creative{--bb-creative-scale: 1.08;width:24rem;height:16.5rem}.bb-zakeke-modal__loading-title{font-size:var(--bb-type-20, 2rem)}.bb-zakeke-modal__loading-copy p{font-size:var(--bb-text-label)}}@media(prefers-reduced-motion:reduce){.bb-motion-ready .bb-summary__cta-start.is-shimmering:before{animation:none!important}.bb-zakeke-modal__inner{animation:none}.bb-zakeke-modal__loading{transition-duration:.01ms}.bb-zakeke-modal__loading-copy,.bb-zakeke-modal__loading-copy.is-changing{opacity:1;transform:none;transition:none}.bb-zakeke-modal__design-header,.bb-zakeke-modal__design-line,.bb-zakeke-modal__swatch,.bb-zakeke-modal__scan-line{animation:none}.bb-zakeke-modal__design-header{opacity:1;transform:scaleX(1)}.bb-zakeke-modal__design-line{opacity:1;transform:translateY(0) scaleX(1)}.bb-zakeke-modal__swatch{opacity:.82;transform:scale(1)}.bb-zakeke-modal__scan-line{opacity:.72;transform:translateY(var(--bb-barcode-static-position))}}.bb-review{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--bb-z-modal, 100000);background:color-mix(in srgb,var(--bb-dark) 62%,transparent);-webkit-backdrop-filter:blur(var(--bb-geometry-4));backdrop-filter:blur(var(--bb-geometry-4));align-items:center;justify-content:center;padding:var(--bb-geometry-16);box-sizing:border-box;font-family:var(--bb-font-body)}.bb-review.open{display:flex}.bb-review__inner{position:relative;width:100%;height:100%;max-width:var(--bb-geometry-1200);max-height:var(--bb-geometry-760);background:#fff;border-radius:var(--bb-geometry-14);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 var(--bb-geometry-24) var(--bb-geometry-80) color-mix(in srgb,var(--bb-dark) 35%,transparent);animation:bb-modal-in .3s var(--ease-out-quart)}.bb-review__preview{background:var(--bb-stroke-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bb-geometry-18);padding:var(--bb-geometry-32);min-height:0}.bb-review__badge{background:#fff;border-radius:var(--bb-geometry-12);box-shadow:0 var(--bb-geometry-8) var(--bb-geometry-30) color-mix(in srgb,var(--bb-dark) 12%,transparent);max-width:80%;max-height:78%;display:flex;align-items:center;justify-content:center;overflow:hidden}.bb-review__badge img{display:block;max-width:100%;max-height:100%;object-fit:contain}.bb-review__file{padding:var(--bb-geometry-48) var(--bb-geometry-24);text-align:center;font-size:var(--bb-text-label);color:var(--bb-text)}.bb-review__panel{background:var(--bb-lightbg, #eef6fc);padding:var(--bb-geometry-48) var(--bb-geometry-44);display:flex;flex-direction:column;overflow-y:auto;min-height:0}.bb-review__title{font-family:var(--bb-font-head);font-size:var(--bb-type-30);font-weight:800;color:var(--bb-dark);margin:0 0 var(--bb-geometry-16)}.bb-review__lead{font-size:var(--bb-text-option-title);font-weight:700;color:var(--bb-dark);line-height:1.5;margin:0 0 var(--bb-geometry-18)}.bb-review__error{font-family:var(--bb-font-body, Inter, sans-serif);font-size:var(--bb-text-ui, 1.4rem);font-weight:400;line-height:1.5;color:var(--bb-dark, #182a44);margin:0 0 var(--bb-geometry-16, 16px);overflow-wrap:anywhere}.bb-review__error[hidden]{display:none}.bb-review__checklist{margin:0 0 auto;padding-left:var(--bb-geometry-20);color:var(--bb-text, #455a64);font-size:1.4rem;line-height:1.95}.bb-review__approve{display:flex;align-items:center;gap:var(--bb-geometry-10);margin:var(--bb-geometry-28) 0 var(--bb-geometry-16);font-size:1.4rem;color:var(--bb-dark, #1a2e44);cursor:pointer}.bb-review__approve input{appearance:none;-webkit-appearance:none;position:relative;width:var(--bb-geometry-20);height:var(--bb-geometry-20);border:2px solid var(--bb-blue, #36ace3);border-radius:var(--bb-geometry-5);background:#fff;cursor:pointer;flex-shrink:0;display:inline-grid;place-items:center}.bb-review__approve input:checked{background:var(--bb-blue, #36ace3);border-color:var(--bb-blue, #36ace3)}.bb-review__approve input:checked:after{content:"";width:var(--bb-geometry-5);height:var(--bb-geometry-10);border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.bb-review__approve input:focus-visible{outline:2px solid var(--bb-blue, #36ace3);outline-offset:var(--bb-geometry-3)}.bb-review__continue{background:var(--bb-blue, #36ace3);color:#fff;border:none;border-radius:var(--bb-geometry-8);padding:var(--bb-geometry-16);font-weight:800;font-size:var(--bb-text-option-title);letter-spacing:.5px;cursor:pointer;margin-bottom:var(--bb-geometry-10);font-family:var(--bb-font-body);transition:background var(--duration-default, .2s)}.bb-review__continue:hover:not(:disabled){background:var(--bb-darkblue)}.bb-review__continue:disabled{opacity:.5;cursor:not-allowed}.bb-review__edit{background:#fff;color:var(--bb-dark);border:1.5px solid var(--bb-stroke);border-radius:var(--bb-geometry-8);padding:var(--bb-geometry-15);font-weight:800;font-size:1.4rem;letter-spacing:.5px;cursor:pointer;font-family:var(--bb-font-body);transition:border-color var(--duration-default, .2s)}.bb-review__edit:hover{border-color:var(--bb-blue, #36ace3)}.bb-review__edit:disabled{opacity:.5;cursor:not-allowed;border-color:var(--bb-stroke);color:var(--bb-grey)}.bb-review__toggle{display:flex;gap:var(--bb-geometry-12);margin-top:var(--bb-geometry-24);justify-content:center}.bb-review__toggle-btn{background:#fff;color:var(--bb-grey);border:1px solid var(--bb-grey);min-width:var(--bb-geometry-70);height:var(--bb-target-min);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;font-family:var(--bb-font-body);font-size:var(--bb-text-label);font-weight:500;border-radius:var(--bb-geometry-4);cursor:pointer;box-shadow:1px 1px 2px color-mix(in srgb,var(--bb-dark) 15%,transparent);transition:color .15s var(--ease-standard),border-color .15s var(--ease-standard),box-shadow .15s var(--ease-standard)}.bb-review__toggle-btn:hover{border-color:#182a44;color:#182a44}.bb-review__toggle-btn.active{background:#fff;color:#182a44;border:1.5px solid #182a44;font-weight:700;box-shadow:1px 1px var(--bb-geometry-4) color-mix(in srgb,var(--bb-dark) 35%,transparent);pointer-events:none}@media(max-width:768px){.bb-review{padding:0}.bb-review__inner{grid-template-columns:1fr;grid-template-rows:minmax(var(--bb-geometry-220),42%) 1fr;border-radius:0;max-width:none;max-height:none;height:100dvh}.bb-review__panel{padding:var(--bb-geometry-24) var(--bb-geometry-20) calc(var(--bb-geometry-24) + env(safe-area-inset-bottom))}.bb-review__title{font-size:var(--bb-type-24)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/bb-product-design-runtime.css.map */