.bh-art{display:block;width:100%;height:auto;overflow:visible;--bh-line: var(--beejro-forest);--bh-lw: 1.8px;--bh-dw: 1.1px;--bh-fill: var(--beejro-paper);--bh-front: var(--bh-fill);--bh-side: var(--bh-fill);--bh-roof: var(--bh-fill);--bh-edge: var(--bh-fill);--bh-in: var(--bh-fill);--bh-hole: color-mix(in srgb, var(--beejro-forest) 55%, var(--bh-front));--bh-hole-in: var(--beejro-forest)}.bh-art path{vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.bh-art :is(.bh-front,.bh-side,.bh-roof-l,.bh-roof-r,.bh-edge,.bh-in,.bh-hole){stroke:var(--bh-line);stroke-width:var(--bh-lw)}.bh-art .bh-front{fill:var(--bh-front)}.bh-art .bh-side{fill:var(--bh-side)}.bh-art :is(.bh-roof-l,.bh-roof-r){fill:var(--bh-roof)}.bh-art .bh-edge{fill:var(--bh-edge)}.bh-art .bh-in{fill:var(--bh-in)}.bh-art .bh-hole{fill:var(--bh-hole)}.bh-art .bh-hole-in{fill:var(--bh-hole-in);stroke:none}.bh-art :is(.bh-plank,.bh-shade,.bh-nail){fill:none;stroke:var(--bh-line);stroke-width:var(--bh-dw)}.bh-art .bh-screw{fill:var(--bh-line);stroke:none}.bh-art :is(.bh-shade,.bh-ground){display:none}[data-art=blueprint] .bh-art{--bh-line: var(--beejro-cream);--bh-fill: var(--beejro-forest);--bh-hole: color-mix(in srgb, var(--beejro-cream) 30%, var(--beejro-forest));--bh-hole-in: color-mix(in srgb, var(--beejro-forest) 80%, black);--bh-lw: 1.6px;--bh-dw: 1px}.bbh__card{--bbh-pad: 32px;--bbh-gut: 14cqi;--beejro-card-bg: var(--beejro-paper);--bva-fill: var(--beejro-forest);--bva-text: var(--beejro-paper);--bva-circle: var(--beejro-sunflower);--bva-arrow: var(--beejro-forest);--bva-border: var(--beejro-forest);--bva-inner: color-mix(in srgb, var(--beejro-sunflower) 55%, var(--beejro-paper));display:grid;gap:20px;padding:var(--bbh-pad);border:2px solid var(--beejro-forest);border-radius:32px;background-color:var(--beejro-sage-soft);color:var(--beejro-forest)}.bbh__card .bbh__head{margin:0}.bbh__figure{margin:0;min-width:0}.bbh__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;aspect-ratio:1;padding:22px;border-radius:24px;background-color:var(--beejro-forest);background-image:linear-gradient(color-mix(in srgb,var(--beejro-cream) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--beejro-cream) 8%,transparent) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;color:var(--beejro-cream)}.bbh__tile:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid color-mix(in srgb,var(--beejro-cream) 35%,transparent);border-radius:16px;pointer-events:none}.bbh__drawing{--bbh-aw: min(100cqi - 2 * var(--bbh-gut), 100cqh * var(--bbh-ratio));--bbh-ah: calc(var(--bbh-aw) / var(--bbh-ratio));position:relative;flex:1 1 0;align-self:stretch;min-height:0;container-type:size}.bbh__art{position:absolute;left:50%;top:50%;width:var(--bbh-aw);translate:-50% -50%}.bbh__mark{--bbh-x: calc(50cqi - var(--bbh-aw) / 2 + var(--bbh-aw) * var(--ax) / 100);position:absolute;inset-inline:0;top:calc(50cqh - var(--bbh-ah) / 2 + var(--bbh-ah) * var(--ay) / 100);height:0}.bbh__num{--bbh-num: clamp(20px, var(--bbh-aw) * .07, 32px);position:absolute;z-index:2;left:var(--bbh-x);top:0;display:grid;place-items:center;width:var(--bbh-num);height:var(--bbh-num);padding:0;border:0;border-radius:50%;background-color:var(--beejro-sunflower);color:var(--beejro-forest);font:inherit;font-size:calc(var(--bbh-num) * .42);font-weight:800;line-height:1;cursor:pointer;translate:-50% -50%;box-shadow:0 0 0 3px var(--beejro-forest);transition:scale .2s var(--ease-out-cubic, ease-out),background-color .2s var(--ease-out-cubic, ease-out)}.bbh__num[aria-pressed=true]{background-color:var(--beejro-cream);box-shadow:0 0 0 3px var(--beejro-forest),0 0 0 5px var(--beejro-sunflower)}@media(hover:hover){.bbh__num:hover{scale:1.1}}.bbh__num:active{scale:.94}.bbh__num:focus-visible{outline:2px solid var(--beejro-cream);outline-offset:6px}.bbh__caption{display:grid;max-width:min(100%,420px)}.bbh__caption>.bbh__cap{grid-area:1 / 1;align-content:center}.bbh__cap{display:grid;justify-items:center;gap:2px;margin:0;padding:12px 18px 14px;border-radius:14px;background-color:var(--beejro-cream);color:var(--beejro-forest);font-size:.9375rem;line-height:1.4;text-align:center}.bbh__cap[hidden]{display:grid;visibility:hidden}.bbh__cap-title{display:inline-flex;align-items:center;gap:8px;font-size:1rem}.bbh__cap-num{display:grid;flex:none;place-items:center;width:24px;height:24px;border-radius:50%;background-color:var(--beejro-forest);color:var(--beejro-sunflower);font-size:.8125rem;font-weight:800}.bbh__shop{min-width:0}.bbh__pills{display:flex;gap:8px;margin-block-end:16px}.bbh__pills .beejro-pill{min-height:40px;padding:0 16px;border-color:var(--beejro-line);background-color:var(--beejro-paper);color:var(--beejro-forest);font-size:.875rem;font-weight:600}.bbh__pills .beejro-pill[aria-selected=true],.bbh__pills .beejro-pill:hover{border-color:var(--beejro-forest);background-color:var(--beejro-forest);color:var(--beejro-paper)}.bbh__panel[hidden]{display:none}.bbh__scroller{--beejro-scroller-item: 47%;--beejro-scroller-item-tablet: 31%;--beejro-scroller-columns: 2;--beejro-scroller-track: var(--beejro-paper)}.bbh__scroller .beejro-scroller__track{margin-inline:calc(var(--bbh-pad) * -1);padding-inline:var(--bbh-pad);scroll-padding-inline:var(--bbh-pad)}.bbh__item{display:flex}.bbh__item>*{width:100%}@media screen and (min-width:990px){.bbh__card{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"figure head" "figure shop";grid-template-rows:auto 1fr;align-items:start;column-gap:40px;row-gap:20px}.bbh__head{grid-area:head}.bbh__figure{grid-area:figure}.bbh__shop{grid-area:shop}.bbh__scroller .beejro-scroller__track{margin-inline:0;padding-inline:0;scroll-padding-inline:0}}@media screen and (min-width:1280px){.bbh__card{grid-template-columns:min(760px,calc(269px + (100% - 40px) / 3)) minmax(0,1fr)}}@media screen and (max-width:989px){.bbh__card{--bbh-gut: 3cqi;gap:16px}.bbh__tile{max-width:520px;width:100%;margin-inline:auto;aspect-ratio:auto}.bbh__drawing{flex:none;aspect-ratio:1}}@media screen and (max-width:749px){.bbh__card{--bbh-pad: 16px;padding-block:20px;border-radius:24px}.bbh__tile{gap:8px;padding:12px;border-radius:20px}.bbh__num{box-shadow:0 0 0 2px var(--beejro-forest)}.bbh__num[aria-pressed=true]{box-shadow:0 0 0 2px var(--beejro-forest),0 0 0 4px var(--beejro-sunflower)}.bbh__num:focus-visible{outline-offset:4px}.bbh__cap{padding:8px 12px 10px;border-radius:12px;font-size:.8125rem;line-height:1.35}.bbh__cap-title{gap:6px;font-size:.875rem}.bbh__cap-num{width:20px;height:20px;font-size:.6875rem}}@media(prefers-reduced-motion:reduce){.bbh__num{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/beejro-bird-houses.css.map */