.bb-page{--bb-green: #1d3525;--bb-cream: #f8f1e7;--bb-card-bg: #fcfaf7;--bb-gold: #ffd875;--bb-gap: 10px;--bb-border: 2px;--bb-notch: 30px;--bb-h: calc(100svh - var(--hb-marquee-h, 37px) - var(--hb-nav-h, 106px) - var(--hb-tab-drop, 27px));--bb-card-h: calc((var(--bb-h) - (var(--bb-gap) * 3)) / 2);display:flex;gap:var(--bb-gap);height:var(--bb-h);padding:var(--bb-gap);box-sizing:border-box;background-color:var(--bb-cream)}.bb-left,.bb-right{flex:1 1 0;min-width:0}.bb-left{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.bb-left::-webkit-scrollbar,.bb-carton::-webkit-scrollbar{width:0;height:0;display:none}.bb-carton{scrollbar-width:none;-ms-overflow-style:none}.bb-list{display:flex;flex-direction:column;gap:var(--bb-gap)}.bb-item{flex:0 0 var(--bb-card-h);height:var(--bb-card-h)}.bb-card{position:relative;width:100%;height:100%}.bb-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--bb-green)}.bb-card:after{content:"";position:absolute;inset:var(--bb-border);z-index:0;background-color:var(--bb-card-bg)}.bb-card-round:before{border-radius:26px}.bb-card-round:after{border-radius:calc(26px - var(--bb-border))}.bb-card-notch{--n: var(--bb-notch);--n-inner: calc(var(--n) - 1.172px)}.bb-card-notch:before{clip-path:polygon(var(--n) 0,calc(100% - var(--n)) 0,100% var(--n),100% calc(100% - var(--n)),calc(100% - var(--n)) 100%,var(--n) 100%,0 calc(100% - var(--n)),0 var(--n))}.bb-card-notch:after{clip-path:polygon(var(--n-inner) 0,calc(100% - var(--n-inner)) 0,100% var(--n-inner),100% calc(100% - var(--n-inner)),calc(100% - var(--n-inner)) 100%,var(--n-inner) 100%,0 calc(100% - var(--n-inner)),0 var(--n-inner))}.bb-card-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.bb-card-img{max-width:62%;max-height:62%;width:auto;height:auto;object-fit:contain;display:block;position:relative;z-index:1}.bb-card-shadow{width:34%;height:22px;margin-top:-14px;border-radius:50%;background:#141e1647;filter:blur(11px);z-index:0}.bb-plus{position:absolute;z-index:3;top:14px;right:14px;width:44px;height:44px;border-radius:50%;background-color:var(--bb-gold);border:var(--bb-border) solid var(--bb-green);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background-color .15s ease}.bb-card-notch .bb-plus{top:calc(var(--bb-notch) * .62);right:calc(var(--bb-notch) * .62)}.bb-plus svg{width:22px;height:22px;stroke:var(--bb-green);stroke-width:2.6;stroke-linecap:round;fill:none}.bb-plus:hover{background-color:#ffe094}.bb-plus.is-added{background-color:#008f66}.bb-plus.is-added svg{stroke:var(--bb-cream)}.bb-card-caption{position:absolute;z-index:2;right:22px;bottom:18px;left:40%;text-align:right}.bb-card-notch .bb-card-caption{right:calc(var(--bb-notch) * .62);bottom:calc(var(--bb-notch) * .5)}.bb-card-name{font-family:Chubbo,Montserrat,sans-serif;font-weight:700;font-size:clamp(1.05rem,1.5vw,1.5rem);line-height:1.15;color:var(--bb-green);margin:0 0 2px}.bb-card-desc{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(.75rem,.9vw,.95rem);line-height:1.35;color:#1d3525b3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-right{height:100%}.bb-carton{height:100%;box-sizing:border-box;background-color:var(--bb-card-bg);border:var(--bb-border) solid var(--bb-green);border-radius:26px;padding:clamp(24px,3vw,48px);display:flex;flex-direction:column;overflow-y:auto}.bb-title{font-family:Chubbo,Montserrat,sans-serif;font-weight:700;font-size:clamp(2rem,3.6vw,3.4rem);line-height:1.1;color:var(--bb-green);margin:0 0 clamp(18px,2.2vw,32px)}.bb-slots{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.6vw,22px);margin-bottom:clamp(20px,2.4vw,34px)}.bb-slot{aspect-ratio:1 / .82;border:2px dashed rgba(29,53,37,.45);border-radius:18px;display:flex;align-items:center;justify-content:center;padding:10px;box-sizing:border-box;text-align:center}.bb-slot.is-filled{border-style:solid;border-color:var(--bb-green)}.bb-slot-label{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(.8rem,1vw,1rem);color:#1d352580}.bb-slot.is-filled .bb-slot-label{color:var(--bb-green)}.bb-packlabel{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(1rem,1.25vw,1.2rem);color:var(--bb-green);margin:0 0 12px}.bb-packs{display:flex;gap:clamp(20px,2.6vw,40px);margin-bottom:clamp(24px,3vw,44px)}.bb-pack{font-family:Montserrat,sans-serif;font-weight:500;font-size:clamp(1rem,1.3vw,1.25rem);color:var(--bb-green);background:none;border:0;padding:0 0 14px;margin:0;cursor:pointer;text-decoration:none;background-repeat:no-repeat;background-position:0 100%;background-size:0 10px;transition:background-size .2s ease}.bb-pack.is-selected{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='10' viewBox='0 0 20 10'%3E%3Cpath d='M0 5 q5 -4 10 0 q5 4 10 0' fill='none' stroke='%231d3525' stroke-width='1.6' stroke-linecap='butt'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:20px 10px}.bb-form{display:flex;flex-direction:column;flex:1;margin:0}.bb-add{display:flex;width:100%;align-items:center;justify-content:center;gap:16px;font-family:Montserrat,sans-serif;font-weight:500;font-size:1.25rem;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-green);background-color:var(--bb-gold);border:1.5px solid var(--bb-green);border-radius:16px;padding:16px 42px;cursor:pointer;box-shadow:none;transition:none}.bb-add:hover,.bb-add:active{background-color:#ffe094;box-shadow:6px 6px #fff3c2,6px 6px 0 1.5px var(--bb-green)}@media(max-width:900px){.bb-page{flex-direction:column-reverse;justify-content:flex-end;height:auto}.bb-left{overflow-y:visible}.bb-right{height:auto}.bb-carton{overflow-y:visible;height:auto}.bb-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--bb-gap)}.bb-item{flex:none;height:auto;aspect-ratio:1 / .92}.bb-card-caption{left:18%;right:14px;bottom:12px}.bb-card-notch .bb-card-caption{right:calc(var(--bb-notch) * .5)}.bb-plus{width:36px;height:36px}.bb-plus svg{width:18px;height:18px}.bb-add{font-size:1rem;padding:13px 26px}}.bb-slot-img{max-width:68%;max-height:58%;width:auto;height:auto;object-fit:contain;display:block;margin-bottom:6px}.bb-slot{flex-direction:column;cursor:pointer}.bb-slot.is-filled{cursor:pointer}.bb-actions{margin:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:10px}.bb-add[disabled]{opacity:.5;cursor:not-allowed}.bb-add[disabled]:hover{background-color:var(--bb-gold);box-shadow:none}.bb-hint{font-family:Montserrat,sans-serif;font-weight:500;font-size:.9rem;color:#1d3525b3;margin:0;text-align:center}.bb-app-options{display:contents}.bb-slots--many{gap:clamp(8px,1vw,12px)}.bb-slots--many .bb-slot{aspect-ratio:1 / .95;border-radius:14px;padding:6px}.bb-slots--many .bb-slot-label{font-size:clamp(.6rem,.72vw,.78rem);line-height:1.15}.bb-slots--many .bb-slot-img{max-height:52%;margin-bottom:4px}span.bb-pack{cursor:default}.bb-add-price{display:none;font-family:Chubbo,Montserrat,sans-serif;font-weight:700;letter-spacing:0;text-transform:none}.bb-add.is-ready{justify-content:space-between}.bb-add.is-ready .bb-add-price{display:inline}.bb-add-price,.bb-add-label{flex:0 0 auto;white-space:nowrap}.bb-actions{width:100%}.bb-plus[data-count]:not([data-count=""]):after{content:attr(data-count);position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 4px;box-sizing:border-box;border-radius:999px;background-color:var(--bb-green);color:var(--bb-cream);font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;line-height:20px;text-align:center}
/*# sourceMappingURL=/cdn/shop/t/7/assets/box-builder-page.css.map */