.tyk-bab{max-width:var(--tyk-max-width);margin:0 auto;padding:3.2rem var(--tyk-gap-xl) var(--tyk-gap-3xl);color:var(--tyk-text)}@media(max-width:749px){.tyk-bab{padding:0 var(--tyk-gap-md) 3rem}}.tyk-bab__header{margin-bottom:2rem}.tyk-bab__title{font-size:clamp(2.6rem,4vw,4rem);font-weight:800;letter-spacing:-.03em;margin:0 0 .4rem}.tyk-bab__sub{font-size:1.4rem;font-weight:700;color:var(--tyk-text-soft);margin:0}.tyk-bab__size-bar{display:flex;align-items:center;gap:1.2rem;padding:1.6rem;margin-bottom:2rem;background:var(--tyk-grad-card);border:4px solid var(--tyk-border-soft);border-radius:var(--tyk-r-lg);box-shadow:inset 0 2px #fffffff2,var(--tyk-shadow-sm);flex-wrap:wrap}.tyk-bab__size-label{font-size:1.2rem;font-weight:800;color:var(--tyk-text-soft);text-transform:uppercase;letter-spacing:.06em}.tyk-bab__size-buttons{display:flex;gap:.8rem}.tyk-bab__size-btn{padding:1.1rem 1.8rem;border:3px solid var(--tyk-border);border-radius:14px;background:var(--tyk-grad-white-chip);font-family:var(--tyk-font);font-weight:800;font-size:1.3rem;color:var(--tyk-text);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:inset 0 2px #ffffffe6,inset 0 -3px #0d56c91f,var(--tyk-shadow-sm);display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;line-height:1.15}.tyk-bab__size-btn:hover{transform:translateY(-2px)}.tyk-bab__size-btn.is-active{background:var(--tyk-grad-blue);color:#fff;border-color:transparent;box-shadow:inset 0 2px #ffffff8c,inset 0 -5px #0003,var(--tyk-shadow-md)}.tyk-bab__size-btn-title{font-size:1.3rem;font-weight:800}.tyk-bab__size-btn-save{font-size:1rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--tyk-green-dark);background:#e2f8e4;border-radius:var(--tyk-r-pill);padding:.15rem .7rem;margin-top:.2rem}.tyk-bab__size-btn.is-active .tyk-bab__size-btn-save{background:#ffffff40;color:#fff}.tyk-bab__size-savings{margin-left:auto;font-size:1.1rem;font-weight:800;color:var(--tyk-green-dark);background:linear-gradient(180deg,#f0fff2,#e2f8e4);border:2px solid #b2e6ba;border-radius:var(--tyk-r-pill);padding:.6rem 1.2rem;text-transform:uppercase;letter-spacing:.04em}@media(max-width:749px){.tyk-bab__size-savings{display:none!important}}.tyk-bab__main{display:grid;grid-template-columns:220px 1fr 320px;gap:2rem;align-items:start}@media(max-width:1199px){.tyk-bab__main{grid-template-columns:1fr 320px;gap:1.6rem}.tyk-bab__filters{display:none}}@media(max-width:899px){.tyk-bab__main{grid-template-columns:1fr}.tyk-bab__box{position:static!important}}.tyk-bab__filters{background:var(--tyk-grad-card);border:4px solid var(--tyk-border-soft);border-radius:var(--tyk-r-lg);padding:1.6rem;position:sticky;top:calc(var(--tyk-header-height) + 1.6rem);max-height:calc(100vh - var(--tyk-header-height) - 3rem);overflow-y:auto;box-shadow:inset 0 2px #fffffff2,inset 0 -5px #cad9f5b3,var(--tyk-shadow-sm)}.tyk-bab__filter-title{font-size:1.1rem;font-weight:800;color:var(--tyk-text-soft);text-transform:uppercase;margin-bottom:1rem;letter-spacing:.06em}.tyk-bab__filter-group{margin-bottom:1.6rem;padding-bottom:1.6rem;border-bottom:2px solid rgba(204,223,248,.6)}.tyk-bab__filter-group:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.tyk-bab__filter-group-title{font-size:1.1rem;font-weight:800;color:var(--tyk-text);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem}.tyk-bab__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.2rem}.tyk-bab-card{--tyk-size-accent: #4a6fa5;--tyk-size-bg: #eef3fb;--tyk-size-fg: #1a3a72;--tyk-size-border: #c0d7f2;background:var(--tyk-grad-card);border:3px solid var(--tyk-size-border);border-radius:16px;padding:1.2rem;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease;box-shadow:inset 0 2px #fffffff2,0 0 #0000,var(--tyk-shadow-sm);display:flex;flex-direction:column;gap:.6rem;position:relative;overflow:hidden}.tyk-bab-card[data-sizes=medium]{--tyk-size-accent: #16a34a;--tyk-size-bg: #dcfce7;--tyk-size-fg: #166534;--tyk-size-border: #86efac}.tyk-bab-card[data-sizes=large]{--tyk-size-accent: #d97706;--tyk-size-bg: #fef3c7;--tyk-size-fg: #92400e;--tyk-size-border: #fcd34d}.tyk-bab-card[data-sizes=xl]{--tyk-size-accent: #7c3aed;--tyk-size-bg: #ede9fe;--tyk-size-fg: #5b21b6;--tyk-size-border: #c4b5fd}.tyk-bab-card:hover{transform:translateY(-4px);border-color:var(--tyk-size-accent);box-shadow:inset 0 2px #fffffff2,0 0 0 4px color-mix(in srgb,var(--tyk-size-accent) 22%,transparent),var(--tyk-shadow-md)}.tyk-bab-card.is-in-box{border-color:var(--tyk-size-accent);box-shadow:inset 0 2px #fffffff2,0 0 0 4px color-mix(in srgb,var(--tyk-size-accent) 28%,transparent),var(--tyk-shadow-md)}.tyk-bab-card__image{width:100%;aspect-ratio:1;border-radius:12px;background:linear-gradient(135deg,#e8f2ff,#d9e8ff);border:2px solid var(--tyk-border);display:flex;align-items:center;justify-content:center;font-size:3.2rem;overflow:hidden}.tyk-bab-card__image img{width:100%;height:100%;object-fit:cover;display:block}.tyk-bab-card__name{font-size:1.2rem;font-weight:800;color:var(--tyk-text);line-height:1.3}.tyk-bab-card__sizes{align-self:flex-start;font-size:1.2rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--tyk-size-bg);color:var(--tyk-size-fg);border:2px solid color-mix(in srgb,var(--tyk-size-accent) 35%,transparent);border-radius:var(--tyk-r-pill, 999px);padding:.25rem .85rem;line-height:1.15;box-shadow:inset 0 1px #ffffffb3}.tyk-bab-card__price{font-size:1.3rem;font-weight:800;color:var(--tyk-text)}.tyk-bab-card__price--on-sale{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .6rem;line-height:1.15}.tyk-bab-card__price-sale{color:var(--tyk-red, #d6263a);font-weight:800;font-size:1.3rem}.tyk-bab-card__price-compare{font-size:1.05rem;font-weight:700;color:var(--tyk-text-soft);text-decoration:line-through}.tyk-bab-card__price-pct{font-size:.95rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--tyk-grad-red, linear-gradient(180deg, #ff5d6c, #d6263a));padding:.15rem .55rem;border-radius:var(--tyk-r-pill, 999px);box-shadow:inset 0 1px #ffffff59}.tyk-bab-card__added{position:absolute;top:.8rem;right:.8rem;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--tyk-grad-green);color:#fff;font-size:1.4rem;font-weight:800;display:none;align-items:center;justify-content:center;box-shadow:inset 0 1px #fff6,0 2px 6px #0003}.tyk-bab-card.is-in-box .tyk-bab-card__added{display:flex}.tyk-bab__empty-grid{grid-column:1 / -1;padding:4rem 2rem;text-align:center;background:var(--tyk-panel-tint);border:2px dashed var(--tyk-border);border-radius:var(--tyk-r-lg);color:var(--tyk-text-soft);font-weight:700}.tyk-bab__box{background:var(--tyk-grad-card);border:4px solid var(--tyk-border-soft);border-radius:var(--tyk-r-lg);padding:1.6rem;position:sticky;top:calc(var(--tyk-header-height) + 1.6rem);box-shadow:inset 0 2px #fffffff2,inset 0 -5px #cad9f5b3,var(--tyk-shadow-md);max-height:calc(100vh - var(--tyk-header-height) - 3rem);overflow-y:auto}.tyk-bab__box-label{background:var(--tyk-grad-yellow);color:var(--tyk-text);padding:.6rem 1.2rem;border-radius:8px;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;display:inline-block;margin-bottom:1.2rem;box-shadow:inset 0 1px #ffffffb3,inset 0 -2px #b4780040}.tyk-bab__box-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.tyk-bab__box-title{font-size:1.6rem;font-weight:800;color:var(--tyk-text)}.tyk-bab__box-count{flex:none;font-size:1.2rem;font-weight:800;color:var(--tyk-blue);letter-spacing:-.01em;background:linear-gradient(135deg,#e8f2ff,#d9e8ff);border:2px solid #c0d7f2;border-radius:999px;padding:.3rem .9rem;line-height:1}.tyk-bab__chips{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.2rem;max-height:200px;overflow-y:auto}.tyk-bab__chip{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;background:var(--tyk-grad-white-chip);border:2px solid var(--tyk-border);border-radius:10px;font-size:1.2rem;font-weight:700;color:var(--tyk-text)}.tyk-bab__chip-icon{font-size:1.6rem;flex-shrink:0}.tyk-bab__chip-icon--img{width:34px;height:34px;display:grid;place-items:center;font-size:0;flex-shrink:0}.tyk-bab__chip-icon--img img{max-width:100%;max-height:100%;object-fit:contain;display:block}.tyk-bab__chip-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tyk-bab__chip-size{font-size:1rem;color:var(--tyk-text-soft);font-weight:800}.tyk-bab__chip-remove{background:var(--tyk-grad-red);color:#fff;border:none;width:2.2rem;height:2.2rem;border-radius:50%;font-size:1.2rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;flex-shrink:0;box-shadow:inset 0 1px #ffffff4d}.tyk-bab__chip-remove:hover{transform:scale(1.06)}.tyk-bab__action{width:100%;padding:1.4rem 0;border:none;border-radius:12px;font-family:var(--tyk-font);font-weight:800;font-size:1.3rem;cursor:pointer;transition:transform .1s ease;margin-top:.8rem;color:#fff;text-transform:uppercase;letter-spacing:.05em}.tyk-bab__action--green{background:var(--tyk-grad-green);box-shadow:inset 0 2px #ffffffa6,inset 0 -5px #0000002e,var(--tyk-shadow-md)}.tyk-bab__action--blue{background:var(--tyk-grad-blue);box-shadow:inset 0 2px #ffffff8c,inset 0 -5px #0003,var(--tyk-shadow-md)}.tyk-bab__action:hover{transform:translateY(-2px)}.tyk-bab__action:disabled{opacity:.4;cursor:not-allowed;transform:none}.tyk-bab__upsell-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#143f9259;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9500;display:none;align-items:center;justify-content:center;padding:2rem}.tyk-bab__upsell-modal.is-open{display:flex}.tyk-bab__upsell-modal-card{position:relative;background:linear-gradient(135deg,#fff8e1,#ffe9a8);border:4px solid #f9a825;border-radius:22px;padding:3rem 2.4rem 2.4rem;width:100%;max-width:460px;text-align:center;box-shadow:inset 0 2px #ffffffe6,0 24px 60px #b06b0066;animation:tykBabUpsellPop .32s cubic-bezier(.34,1.56,.64,1) both}@keyframes tykBabUpsellPop{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.tyk-bab__upsell-modal-close{position:absolute;top:.8rem;right:1rem;width:32px;height:32px;border:none;background:transparent;font-size:1.4rem;font-weight:700;color:#8a6d3b;cursor:pointer;line-height:1;border-radius:50%;transition:background .15s ease}.tyk-bab__upsell-modal-close:hover{background:#b06b001f}.tyk-bab__upsell-modal-icon{font-size:3.6rem;line-height:1;margin-bottom:.6rem}.tyk-bab__upsell-modal-title{font-size:1.9rem;font-weight:800;color:#5d4517;margin:0 0 1rem;letter-spacing:-.01em}.tyk-bab__upsell-modal-body p{font-size:1.35rem;font-weight:700;color:#5d4517;line-height:1.45;margin:0 0 .6rem}.tyk-bab__upsell-modal-body strong{color:#b06b00;font-weight:800;font-size:1.6rem}.tyk-bab__upsell-modal-savings{font-size:1.15rem!important;font-weight:600!important;color:#8a6d3b!important}.tyk-bab__upsell-modal-actions{display:flex;flex-direction:column;gap:.6rem;margin-top:1.6rem}.tyk-bab__upsell-modal-btn{width:100%;-webkit-appearance:none;appearance:none;border:none;cursor:pointer;font-family:var(--tyk-font);font-weight:800;font-size:1.5rem;padding:1.2rem 1.6rem;border-radius:var(--tyk-r-pill, 999px);text-align:center;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tyk-bab__upsell-modal-btn:active{transform:translateY(1px)}.tyk-bab__upsell-modal-btn:focus-visible{outline:3px solid var(--tyk-blue-dark, #0d56c9);outline-offset:2px}.tyk-bab__upsell-modal-btn--primary{background:var(--tyk-yellow, #f5c518);color:var(--tyk-text);box-shadow:var(--tyk-shadow-md, 0 4px 12px rgba(0, 0, 0, .08))}.tyk-bab__upsell-modal-btn--primary:hover{background:var(--tyk-yellow-dark, #e0b41a);box-shadow:0 6px 16px #0000001f}.tyk-bab__upsell-modal-btn--ghost{background:transparent;color:var(--tyk-text-soft);font-weight:600;font-size:1.3rem;padding:.8rem 1.2rem;text-decoration:underline;text-underline-offset:2px}.tyk-bab__upsell-modal-btn--ghost:hover{color:var(--tyk-text);background:#0000000a}.tyk-bab__filters-drawer,.tyk-bab__size-prompt,.tyk-bab__size-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9400;display:none;align-items:center;justify-content:center;padding:2rem;background:#143f9259;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.tyk-bab__filters-drawer.is-open,.tyk-bab__size-prompt.is-open,.tyk-bab__size-modal.is-open{display:flex}.tyk-bab__filters-drawer-card,.tyk-bab__size-prompt-card,.tyk-bab__size-modal-card{position:relative;width:100%;max-width:440px;background:#fff;border:3px solid var(--tyk-border, #ccdff8);border-radius:var(--tyk-r-lg, 22px);padding:2.4rem 2rem;box-shadow:0 24px 60px #10378252;max-height:86vh;overflow-y:auto;animation:tykBabOverlayPop .28s cubic-bezier(.34,1.56,.64,1) both}@keyframes tykBabOverlayPop{0%{opacity:0;transform:translateY(16px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.tyk-bab__filters-drawer-card,.tyk-bab__size-prompt-card,.tyk-bab__size-modal-card{animation:none}}.tyk-bab__filters-drawer-card{max-width:360px}.tyk-bab__size-prompt-card{text-align:center}.tyk-bab__size-prompt-close{position:absolute;top:.8rem;right:1rem;width:32px;height:32px;border:0;background:transparent;font-size:1.4rem;font-weight:700;color:var(--tyk-text-soft, #5d79b4);cursor:pointer;line-height:1;border-radius:50%}.tyk-bab__size-prompt-close:hover{background:#143f9214}.tyk-bab__size-prompt-icon{font-size:3.2rem;line-height:1;margin-bottom:.6rem}.tyk-bab__size-prompt-title{font-family:"Baloo 2",var(--font-heading-family);font-weight:800;font-size:1.9rem;color:var(--tyk-text, #143f92);margin:0 0 .6rem}.tyk-bab__size-prompt-sub{font-size:1.3rem;color:var(--tyk-text-soft, #5d79b4);margin:0 0 1.6rem;line-height:1.4}.tyk-bab__size-prompt-grid{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.4rem}.tyk-bab__size-prompt-opt{flex:1 1 auto;min-width:88px;padding:1.1rem 1.4rem;background:#fff;border:3px solid var(--tyk-border, #ccdff8);border-radius:14px;cursor:pointer;font-family:"Baloo 2",var(--font-heading-family);font-weight:800;font-size:1.5rem;color:var(--tyk-text, #143f92);transition:transform .1s ease,border-color .12s ease,background .12s ease}.tyk-bab__size-prompt-opt:hover{border-color:var(--tyk-blue-light, #5eaeff)}.tyk-bab__size-prompt-opt:active{transform:scale(.97)}.tyk-bab__size-prompt-opt.is-selected{background:var(--tyk-blue-dark, #0d56c9);border-color:#0a4ab1;color:#fff}.tyk-bab__size-prompt-skip{border:0;background:transparent;cursor:pointer;font-weight:700;font-size:1.3rem;color:var(--tyk-blue, #1f86ff);text-decoration:underline;padding:.4rem}.tyk-bab__size-modal-card{text-align:center;max-width:400px}.tyk-bab__size-modal-title{font-family:"Baloo 2",var(--font-heading-family);font-weight:800;font-size:1.8rem;color:var(--tyk-text, #143f92);margin:0 0 1.4rem}.tyk-bab__size-modal-opts{display:flex;flex-wrap:wrap;gap:.8rem;justify-content:center;margin-bottom:1.6rem}.tyk-bab__size-modal-opt{min-width:80px;padding:1rem 1.4rem;background:#fff;border:3px solid var(--tyk-border, #ccdff8);border-radius:14px;cursor:pointer;font-family:"Baloo 2",var(--font-heading-family);font-weight:800;font-size:1.4rem;color:var(--tyk-text, #143f92);transition:transform .1s ease,border-color .12s ease,background .12s ease}.tyk-bab__size-modal-opt:hover{border-color:var(--tyk-blue-light, #5eaeff)}.tyk-bab__size-modal-opt.is-selected{background:var(--tyk-blue-dark, #0d56c9);border-color:#0a4ab1;color:#fff}.tyk-bab__size-modal-opt.is-disabled,.tyk-bab__size-modal-opt:disabled{opacity:.4;pointer-events:none}.tyk-bab__size-modal-actions{display:flex;gap:.8rem;justify-content:center}.tyk-bab__mini-box{display:none}@media(max-width:899px){.tyk-bab__mini-box.is-visible{display:flex;align-items:center;gap:.8rem;position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:70;padding:.8rem 1.2rem;background:var(--tyk-blue-dark, #0d56c9);color:#fff;border:0;border-radius:999px;cursor:pointer;box-shadow:0 10px 30px #0d56c966;font-family:"Baloo 2",var(--font-heading-family);font-weight:800}.tyk-bab__mini-box-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.tyk-bab__mini-box-label{font-size:1.1rem;opacity:.85}.tyk-bab__mini-box-count{font-size:1.5rem}.tyk-bab__mini-box-cta{margin-left:auto;font-size:1.3rem}.tyk-bab__mini-box-icon{font-size:1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/193/assets/tykables-build-a-box.css.map */