.box-builder,.box-sheet{--bb-fg: var(--color-foreground, rgb(0 0 0 / .81));--bb-rgb: var(--color-foreground-rgb, 0 0 0);--bb-bg: var(--color-background, #fafafa);--bb-accent: var(--color-primary, #ff6363);--bb-accent-rgb: var(--color-primary-rgb, 255 99 99);--bb-on-accent: var(--color-primary-button-text, #fff);--bb-panel: rgb(var(--bb-rgb) / .04);--bb-panel-hover: rgb(var(--bb-rgb) / .07);--bb-line: rgb(var(--bb-rgb) / .12);--bb-line-strong: rgb(var(--bb-rgb) / .3);--bb-muted: rgb(var(--bb-rgb) / var(--opacity-subdued-text, .7));--bb-heading: var(--font-heading--family, Inter, sans-serif);--bb-margin: var(--page-margin, 16px);--bb-ease: cubic-bezier(.2, .8, .2, 1);color:var(--bb-fg)}.box-builder *,.box-builder *:before,.box-builder *:after,.box-sheet *,.box-sheet *:before,.box-sheet *:after{box-sizing:border-box}html.box-sheet-open{overflow:hidden}.box-builder{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gap-xl, 1.25rem);width:min(100% - var(--bb-margin) * 2,80rem);margin-inline:auto;padding-block-start:var(--padding-lg, 1rem)}.box-builder__head{display:flex;flex-direction:column;align-items:flex-start;gap:var(--gap-sm, .7rem)}.box-builder__eyebrow{display:inline-flex;align-items:center;gap:var(--gap-xs, .5rem);margin:0;font-size:var(--font-size--sm, .875rem);font-weight:500;color:var(--bb-muted)}.box-builder__eyebrow:before{content:"";width:8px;height:8px;background:var(--bb-accent)}.box-builder__title{margin:0;font-family:var(--bb-heading);font-weight:700;font-size:clamp(2rem,2.4vw + 1.3rem,3.25rem);line-height:1;letter-spacing:-.01em;text-wrap:balance}.box-builder__tagline{margin:0;max-width:48ch;font-size:var(--font-size--md, 1rem);color:var(--bb-muted);text-wrap:pretty}.box-builder__meta{display:flex;align-items:baseline;gap:var(--gap-sm, .7rem);margin:0;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted)}.box-builder__meta-price{font-family:var(--bb-heading);font-size:1.25rem;font-weight:700;color:var(--bb-fg);font-variant-numeric:tabular-nums}.box-builder__editing,.box-builder__notice{display:flex;align-items:center;gap:var(--gap-sm, .7rem);min-height:48px;padding:6px 6px 6px var(--padding-md, .8rem);font-size:var(--font-size--sm, .875rem);line-height:1.4;border:1px solid var(--bb-line)}.box-builder__editing{padding-inline-end:var(--padding-md, .8rem);border-color:var(--bb-accent);background:rgb(var(--bb-accent-rgb) / .08)}.box-builder__editing>svg,.box-builder__editing>.box-icon-text{flex-shrink:0}.box-builder__editing a,.box-builder__notice-action{flex-shrink:0;margin-inline-start:auto;padding:0;border:0;background:none;font:inherit;color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.box-builder__notice.is-error{border-color:#b3261e80;background:#b3261e0f}.box-builder__notice.is-added{padding-inline-end:var(--padding-md, .8rem);border-color:var(--bb-fg)}.box-builder__notice-close{flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--bb-muted);cursor:pointer}.box-builder__notice-action+.box-builder__notice-close{margin-inline-start:0}.box-builder__notice>span:first-child{flex:1;min-width:0}.box-builder__board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-xl, 1.25rem) var(--gap-md, .9rem);margin:0;padding:0;list-style:none}.box-builder__board[data-odd]>.box-builder__step:first-child{grid-column:1 / -1}.box-builder__board[data-odd]>.box-builder__step:first-child .box-builder__media{aspect-ratio:2 / 1}.box-builder__step{min-width:0}.box-builder__tile{display:flex;flex-direction:column;width:100%;height:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.box-builder__tile:focus-visible{outline:2px solid var(--bb-fg);outline-offset:3px}.box-builder__media{position:relative;display:block;aspect-ratio:4 / 3;overflow:hidden;background:var(--bb-panel);transition:background-color .2s ease,box-shadow .2s ease}.box-builder__tile:hover .box-builder__media{background:var(--bb-panel-hover)}.box-builder__step.is-next .box-builder__media{box-shadow:inset 0 0 0 2px var(--bb-accent)}.box-builder__flag{position:absolute;top:8px;left:8px;z-index:4;padding:3px 8px;font-size:var(--font-size--xs, .8125rem);font-weight:600;line-height:1.2;color:var(--bb-on-accent);background:var(--bb-accent)}.box-builder__tick{position:absolute;top:8px;right:8px;z-index:4;display:grid;place-items:center;width:32px;height:32px;color:var(--bb-bg);background:var(--bb-fg);animation:box-pop .35s var(--bb-ease) both}.box-builder__body{display:flex;flex-direction:column;gap:2px;padding-block:var(--padding-sm, .7rem) 0}.box-builder__name-row{display:flex;align-items:flex-start;gap:var(--gap-xs, .5rem);min-width:0}.box-builder__icon{flex-shrink:0;width:24px;height:24px}.box-builder__name{min-width:0;padding-block-start:2px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box-builder__tile:hover .box-builder__name{text-decoration:underline;text-underline-offset:3px}.box-builder__count{flex-shrink:0;margin-inline-start:auto;padding-block-start:2px;font-size:var(--font-size--sm, .875rem);font-variant-numeric:tabular-nums;color:var(--bb-muted)}.box-builder__step.is-done .box-builder__count{color:var(--bb-fg);font-weight:600}.box-builder__status{padding-inline-start:calc(24px + var(--gap-xs, .5rem));font-size:var(--font-size--sm, .875rem);line-height:1.4;color:var(--bb-muted)}.box-builder__step.is-next .box-builder__status{color:var(--bb-fg)}.box-float{position:absolute;inset:0;display:block}.box-float__img{position:absolute;top:50%;left:50%;width:46%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;translate:-50% -50%;transform:rotate(-4deg);transition:transform .35s var(--bb-ease),opacity .25s ease,filter .25s ease;animation:box-pop .45s var(--bb-ease) both}.box-float[data-count="1"] .box-float__img{width:52%}.box-float[data-count="2"] .box-float__img:nth-child(1){z-index:2;transform:translate(26%) rotate(6deg)}.box-float[data-count="2"] .box-float__img:nth-child(2){z-index:1;width:40%;transform:translate(-36%,6%) rotate(-10deg)}.box-float[data-count="3"] .box-float__img:nth-child(1){z-index:3;transform:translateY(-4%) rotate(-3deg)}.box-float[data-count="3"] .box-float__img:nth-child(2){z-index:2;width:38%;transform:translate(-74%,10%) rotate(-12deg)}.box-float[data-count="3"] .box-float__img:nth-child(3){z-index:1;width:38%;transform:translate(74%,8%) rotate(10deg)}.box-builder__board[data-odd]>.box-builder__step:first-child .box-float__img{width:34%}.box-builder__board[data-odd]>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(n+2){width:30%}.box-builder__board[data-odd]>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(2){transform:translate(-92%,10%) rotate(-12deg)}.box-builder__board[data-odd]>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(3){transform:translate(92%,8%) rotate(10deg)}.box-builder__tile:hover .box-float__img:nth-child(1){transform:translateY(-8%) rotate(-5deg)}.box-builder__tile:hover .box-float[data-count="3"] .box-float__img:nth-child(2){transform:translate(-82%,8%) rotate(-15deg)}.box-builder__tile:hover .box-float[data-count="3"] .box-float__img:nth-child(3){transform:translate(82%,6%) rotate(13deg)}.box-float--faded .box-float__img{filter:grayscale(1);opacity:.55;animation:none}.box-builder__tile:hover .box-float--faded .box-float__img{opacity:.75}.box-float__more{position:absolute;right:8px;bottom:8px;z-index:4;padding:2px 6px;font-size:var(--font-size--xs, .8125rem);font-weight:700;font-variant-numeric:tabular-nums;background:var(--bb-bg);border:1px solid var(--bb-line)}.box-builder__summary{display:flex;flex-direction:column;gap:var(--gap-md, .9rem);padding-block-start:var(--padding-xl, 1.25rem);border-top:1px solid var(--bb-line)}.box-builder__summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm, .7rem)}.box-builder__summary-title{margin:0;font-family:var(--bb-heading);font-size:1.25rem;font-weight:700;line-height:1.2}.box-builder__summary-count,.box-builder__summary-empty{margin:0;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted)}.box-builder__lines,.box-builder__line-rows{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.box-builder__lines{gap:var(--gap-md, .9rem)}.box-builder__line-rows{gap:6px}.box-builder__line-group{display:flex;flex-direction:column;gap:6px}.box-builder__line-step{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm, .7rem);width:100%;padding:0;border:0;background:none;font:inherit;font-size:var(--font-size--xs, .8125rem);font-weight:600;color:var(--bb-muted);text-align:start;cursor:pointer}.box-builder__line-change{flex-shrink:0;font-weight:400;text-decoration:underline;text-underline-offset:3px}.box-line{display:grid;grid-template-columns:40px minmax(0,1fr) auto auto 36px;align-items:center;gap:10px;font-size:var(--font-size--sm, .875rem)}.box-line__thumb{display:grid;place-items:center;width:40px;height:40px;background:var(--bb-panel)}.box-line__thumb img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}.box-line__text{display:flex;flex-direction:column;min-width:0}.box-line__name{line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box-line__detail{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.box-line__detail{font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted)}.box-line__qty,.box-line__price{font-variant-numeric:tabular-nums;white-space:nowrap}.box-line__qty{color:var(--bb-muted)}.box-line__price{text-align:end}.box-line__remove{display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;background:none;color:var(--bb-muted);cursor:pointer}.box-line__remove:hover{color:var(--bb-fg);background:var(--bb-panel)}.box-builder__sums{display:flex;flex-direction:column;gap:4px;margin:0;padding-block-start:var(--padding-sm, .7rem);border-top:1px dashed var(--bb-line-strong)}.box-builder__sums>div{display:flex;justify-content:space-between;gap:var(--gap-sm, .7rem);font-size:var(--font-size--sm, .875rem);color:var(--bb-muted)}.box-builder__sums dt,.box-builder__sums dd{margin:0;font-variant-numeric:tabular-nums}.box-builder__sums .is-total{padding-block-start:4px;font-size:var(--font-size--md, 1rem);font-weight:700;color:var(--bb-fg)}.box-builder__bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:var(--gap-md, .9rem);margin-inline:calc(var(--bb-margin) * -1);padding:12px var(--bb-margin) calc(12px + env(safe-area-inset-bottom,0px));background:var(--bb-bg);border-top:1px solid var(--bb-line)}.box-builder__bar:before{content:"";position:absolute;top:-1px;left:0;width:calc(var(--box-progress, 0) * 100%);height:3px;background:var(--bb-accent);transition:width .35s var(--bb-ease)}.box-builder__bar-sum{display:flex;flex-direction:column;min-width:0}.box-builder__bar-price{display:flex;align-items:baseline;gap:6px}.box-builder__bar-total{font-family:var(--bb-heading);font-size:1.25rem;font-weight:700;line-height:1.2;font-variant-numeric:tabular-nums}.box-builder__bar-was{font-size:var(--font-size--sm, .875rem);color:var(--bb-muted);font-variant-numeric:tabular-nums}.box-builder__bar-note{overflow:hidden;font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted);white-space:nowrap;text-overflow:ellipsis}.box-builder__cta.button{display:inline-flex;align-items:center;justify-content:center;flex:1 1 auto;width:auto;max-width:15rem;min-height:48px;margin-inline-start:auto;padding-block:12px;white-space:nowrap}.box-builder__cta[aria-busy=true]{cursor:progress}.box-builder.is-loading .box-builder__board,.box-builder.is-loading .box-builder__summary{opacity:.5;pointer-events:none}@media screen and (min-width:750px){.box-builder__board{grid-template-columns:repeat(3,minmax(0,1fr))}.box-builder__board[data-count="2"],.box-builder__board[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child{grid-column:auto}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child .box-builder__media{aspect-ratio:4 / 3}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child .box-float__img{width:46%}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(n+2){width:38%}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(2){transform:translate(-74%,10%) rotate(-12deg)}.box-builder__board[data-odd]:not([data-count="1"])>.box-builder__step:first-child .box-float[data-count="3"] .box-float__img:nth-child(3){transform:translate(74%,8%) rotate(10deg)}.box-builder__board[data-count="1"]>.box-builder__step:first-child .box-builder__media{aspect-ratio:3 / 1}.box-builder__board[data-count="1"]>.box-builder__step:first-child .box-float__img{width:20%}}@media screen and (min-width:990px){.box-builder{grid-template-columns:minmax(0,1fr) 23rem;column-gap:clamp(2rem,4vw,4rem);align-items:start}.box-builder>:not(.box-builder__side,.box-sheet){grid-column:1}.box-builder__side{grid-column:2;grid-row:1 / span 6;position:sticky;top:calc(var(--header-height, 60px) + 1.5rem);display:flex;flex-direction:column}.box-builder__summary{padding:var(--padding-lg, 1rem);border:1px solid var(--bb-line);border-bottom:0;max-height:calc(100vh - var(--header-height, 60px) - 12rem);overflow-y:auto}.box-builder__bar{position:relative;flex-direction:column;align-items:stretch;gap:var(--gap-sm, .7rem);margin:0;padding:var(--padding-lg, 1rem);border:1px solid var(--bb-line)}.box-builder__bar:before{top:0}.box-builder__cta.button{width:100%;max-width:none;margin:0}}@media screen and (max-width:989px){.box-builder__side{display:contents}}.box-sheet{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;overflow:hidden;border:0;background:#0000;transition:background-color .28s ease}.box-sheet::backdrop{background:transparent}.box-sheet.is-shown{background:#00000073}.box-sheet__panel{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;height:92dvh;max-height:calc(100dvh - 24px);background:var(--bb-bg);box-shadow:0 -8px 32px #0000001f;transform:translateY(100%);transition:transform .28s var(--bb-ease)}.box-sheet.is-shown .box-sheet__panel{transform:none}@media screen and (min-width:750px){.box-sheet__panel{inset:0 0 0 auto;width:min(38rem,100vw);height:100%;max-height:none;box-shadow:-8px 0 32px #0000001f;transform:translate(100%)}}.box-sheet__head{flex-shrink:0;display:flex;flex-direction:column;gap:var(--gap-sm, .7rem);padding:var(--padding-md, .8rem) var(--bb-margin);border-bottom:1px solid var(--bb-line)}.box-sheet__steps{display:flex;gap:6px;margin-inline:calc(var(--bb-margin) * -1);padding-inline:var(--bb-margin);overflow-x:auto;scrollbar-width:none}.box-sheet__steps::-webkit-scrollbar{display:none}.box-sheet__chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:4px;min-height:40px;padding:4px 10px 4px 6px;border:1px solid var(--bb-line);background:none;font:inherit;font-size:var(--font-size--xs, .8125rem);font-variant-numeric:tabular-nums;color:var(--bb-muted);cursor:pointer}.box-sheet__chip.is-done{color:var(--bb-fg)}.box-sheet__chip.is-active{border-color:var(--bb-fg);color:var(--bb-fg);font-weight:600;box-shadow:inset 0 -3px 0 var(--bb-accent)}.box-sheet__chip-icon{flex-shrink:0;width:24px;height:24px}.box-sheet__chip-count{display:inline-flex;align-items:center}.box-sheet__chip.is-done .box-sheet__chip-count svg{color:var(--bb-accent)}.box-sheet__titlebar{display:flex;align-items:flex-start;gap:var(--gap-sm, .7rem)}.box-sheet__icon{flex-shrink:0;width:24px;height:24px;margin-block-start:3px}.box-sheet__titles{flex:1;min-width:0}.box-sheet__title{margin:0;font-family:var(--bb-heading);font-size:1.375rem;font-weight:700;line-height:1.15;outline:none}.box-sheet__ask{margin:2px 0 0;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted)}.box-sheet__ask.is-done{color:var(--bb-fg);font-weight:600}.box-sheet__close{flex-shrink:0;display:grid;place-items:center;width:44px;height:44px;margin:-8px -10px 0 0;padding:0;border:0;background:none;color:var(--bb-fg);cursor:pointer}.box-sheet__slots{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.box-sheet__slots>li{display:block}.box-slot{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px dashed var(--bb-line-strong);background:none;color:var(--bb-fg)}.box-slot--spare{border-style:dotted;border-color:var(--bb-line)}.box-slot.is-filled{border:0;background:var(--bb-panel);cursor:pointer;animation:box-pop .3s var(--bb-ease) both}.box-slot.is-filled img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply;rotate:-4deg}.box-slot__x{position:absolute;inset:0;display:grid;place-items:center;background:rgb(var(--bb-rgb) / .55);color:var(--bb-bg);opacity:0;transition:opacity .15s ease}.box-slot.is-filled:hover .box-slot__x,.box-slot.is-filled:focus-visible .box-slot__x{opacity:1}.box-sheet__slots--small .box-slot{width:36px;height:36px}.box-sheet__tally{margin:0;font-size:var(--font-size--sm, .875rem);font-weight:600}.is-shaking{animation:box-shake .4s ease}.box-sheet__body{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--gap-xl, 1.25rem);padding:var(--padding-lg, 1rem) var(--bb-margin) var(--padding-xl, 1.25rem);overflow-y:auto;overscroll-behavior:contain}.box-sheet__body>*,.box-sheet__head>*{flex-shrink:0}.box-sheet__desc{margin:0;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted);white-space:pre-line}.box-sheet__jump{display:flex;gap:6px;margin:0 calc(var(--bb-margin) * -1) calc(var(--gap-sm, .7rem) * -1);padding-inline:var(--bb-margin);overflow-x:auto;scrollbar-width:none}.box-sheet__jump::-webkit-scrollbar{display:none}.box-sheet__jump-chip{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;min-height:36px;white-space:nowrap;padding:6px 10px;border:1px solid var(--bb-line);background:none;font:inherit;font-size:var(--font-size--xs, .8125rem);color:var(--bb-fg);cursor:pointer}.box-sheet__jump-chip:hover{border-color:var(--bb-line-strong);background:var(--bb-panel)}.box-sheet__jump-chip.is-paid:before{content:"";flex-shrink:0;width:8px;height:8px;background:var(--bb-accent)}.box-sheet__jump-price{font-weight:600}.box-set{display:flex;flex-direction:column;gap:var(--gap-sm, .7rem)}.box-set--paid{padding-block-start:var(--padding-lg, 1rem);border-top:1px solid var(--bb-line)}.box-set__head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--gap-xs, .5rem)}.box-set__title{margin:0;font-family:var(--bb-heading);font-size:var(--font-size--md, 1rem);font-weight:700;line-height:1.25}.box-set__chip{padding:3px 8px;font-size:var(--font-size--xs, .8125rem);font-weight:600;line-height:1.2;background:var(--bb-panel-hover)}.box-set__chip.is-paid{color:var(--bb-on-accent);background:var(--bb-accent)}.box-set__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-lg, 1rem) var(--gap-sm, .7rem);margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.box-set__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.box-item{position:relative;min-width:0}.box-item__hit{display:flex;flex-direction:column;gap:6px;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent}.box-item__hit:focus-visible{outline:2px solid var(--bb-fg);outline-offset:3px}.box-item__media{position:relative;display:grid;place-items:center;aspect-ratio:1;background:var(--bb-panel);transition:background-color .15s ease,box-shadow .15s ease}.box-item__media img{width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s var(--bb-ease)}.box-item__hit:hover .box-item__media{background:var(--bb-panel-hover)}.box-item__hit:hover .box-item__media img{transform:rotate(-3deg) scale(1.03)}.box-item__hit:active .box-item__media img{transform:rotate(-3deg) scale(.96)}.box-item.is-picked .box-item__media{box-shadow:inset 0 0 0 2px var(--bb-accent)}.box-item.is-picked .box-item__media img{transform:rotate(-5deg) translateY(-6%)}.box-item.is-muted .box-item__hit{opacity:.45}.box-item__badges{position:absolute;top:6px;left:6px;display:flex;flex-wrap:wrap;gap:4px;max-width:calc(100% - 44px)}.box-item__badge{padding:3px 6px;font-size:.6875rem;font-weight:600;line-height:1.1}.box-item__qty{position:absolute;top:6px;right:6px;display:grid;place-items:center;min-width:26px;height:26px;padding-inline:6px;font-size:var(--font-size--sm, .875rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--bb-on-accent);background:var(--bb-accent);animation:box-pop .3s var(--bb-ease) both}.box-item__text{display:flex;flex-direction:column;gap:2px;min-width:0}.box-item__name{font-size:var(--font-size--sm, .875rem);font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.box-item__sub{overflow:hidden;font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted);white-space:nowrap;text-overflow:ellipsis}.box-item__foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 6px;margin-block-start:2px}.box-item__options{font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted)}.box-item__over{position:absolute;top:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;width:100%;aspect-ratio:1;padding:6px;pointer-events:none}.box-item__add{display:grid;place-items:center;min-width:36px;height:36px;color:var(--bb-fg);background:var(--bb-bg);border:1px solid var(--bb-line-strong);transition:background-color .15s ease,color .15s ease,border-color .15s ease}.box-item__add.is-swap{padding-inline:10px;font-size:var(--font-size--xs, .8125rem);font-weight:600}.box-item__hit:hover+.box-item__over .box-item__add{color:var(--bb-bg);background:var(--bb-fg);border-color:var(--bb-fg)}.box-item__stepper{width:100%;pointer-events:auto}.box-stepper{display:inline-flex;align-items:stretch;height:40px;background:var(--bb-bg);border:1px solid var(--bb-fg)}.box-stepper__btn{display:grid;place-items:center;flex:0 0 40px;width:40px;padding:0;border:0;background:none;color:var(--bb-fg);cursor:pointer}.box-stepper__btn:hover{background:var(--bb-panel-hover)}.box-stepper__btn.is-muted{opacity:.35}.box-stepper__qty{display:grid;place-items:center;flex:1;min-width:28px;font-weight:700;font-variant-numeric:tabular-nums}.box-price{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 4px;font-size:var(--font-size--sm, .875rem);font-variant-numeric:tabular-nums}.box-price__now{font-weight:600;white-space:nowrap}.box-price__was,.box-price--included{font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted)}.box-options{display:flex;flex-direction:column;gap:var(--gap-md, .9rem)}.box-options__back{display:inline-flex;align-items:center;align-self:flex-start;gap:4px;min-height:36px;padding:0 8px 0 0;border:0;background:none;font:inherit;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted);cursor:pointer}.box-options__hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:var(--gap-md, .9rem)}.box-options__media{display:grid;place-items:center;aspect-ratio:1;background:var(--bb-panel)}.box-options__media img{width:82%;height:82%;object-fit:contain;mix-blend-mode:multiply;rotate:-3deg}.box-options__about{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.box-options__name{margin:0;font-family:var(--bb-heading);font-size:1.125rem;font-weight:700;line-height:1.2}.box-options__tagline{margin:0;font-size:var(--font-size--sm, .875rem);color:var(--bb-muted)}.box-options__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;border-top:1px solid var(--bb-line)}.box-variant{display:flex;align-items:center;gap:var(--gap-sm, .7rem);padding-block:8px;border-bottom:1px solid var(--bb-line)}.box-variant__look{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:0;background:var(--bb-panel);cursor:pointer}.box-variant__look img{width:86%;height:86%;object-fit:contain;mix-blend-mode:multiply}.box-variant.is-picked .box-variant__look{box-shadow:inset 0 0 0 2px var(--bb-accent)}.box-variant__text{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.box-variant__name{font-size:var(--font-size--sm, .875rem);font-weight:600}.box-variant__out{font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted)}.box-variant.is-out .box-variant__look{opacity:.45}.box-variant__add{display:grid;place-items:center;flex-shrink:0;min-width:40px;height:40px;padding:0 8px;border:1px solid var(--bb-line-strong);background:none;font:inherit;font-size:var(--font-size--xs, .8125rem);font-weight:600;color:var(--bb-fg);cursor:pointer}.box-variant__add:hover{color:var(--bb-bg);background:var(--bb-fg);border-color:var(--bb-fg)}.box-variant__add.is-muted{opacity:.4}.box-sheet__foot{flex-shrink:0;display:flex;align-items:center;gap:var(--gap-sm, .7rem);padding:10px var(--bb-margin) calc(10px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--bb-line);background:var(--bb-bg)}.box-sheet__prev{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;padding:0;border:1px solid var(--bb-line-strong);background:none;color:var(--bb-fg);cursor:pointer}.box-sheet__foot-status{display:flex;flex:1;flex-direction:column;min-width:0}.box-sheet__foot-line{overflow:hidden;font-size:var(--font-size--sm, .875rem);font-weight:600;white-space:nowrap;text-overflow:ellipsis}.box-sheet__foot-total{font-size:var(--font-size--xs, .8125rem);color:var(--bb-muted);font-variant-numeric:tabular-nums}.box-sheet__next.button{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex-shrink:0;min-width:8rem;min-height:48px;padding-block:0}.box-sheet__next-icon{margin-inline-end:-6px}.box-icon-text{display:inline-grid;place-items:center;width:24px;height:24px;font-size:18px;line-height:1}@keyframes box-pop{0%{opacity:0;scale:.6}60%{opacity:1;scale:1.06}to{opacity:1;scale:1}}@keyframes box-shake{20%{translate:-5px 0}40%{translate:5px 0}60%{translate:-3px 0}80%{translate:2px 0}}@media(prefers-reduced-motion:reduce){.box-builder *,.box-sheet,.box-sheet *{animation:none!important;transition:none!important}}.box-builder-placeholder .box-builder__media{background:var(--bb-panel)}.box-builder-placeholder .box-builder__name{width:70%;height:1em;background:var(--bb-panel-hover)}