beejro-card{--bc-radius: 20px;--bc-photo-radius: 14px;--bc-photo-bg: #fff;--bc-edge: color-mix(in srgb, var(--beejro-forest) 24%, #fff);--bc-pad: 8px;--bc-body-pad: 14px 8px 4px;--bc-ink: var(--beejro-forest);--bc-muted: var(--beejro-forest-muted);--bc-ground: var(--beejro-paper);--bc-tile: 44px;--bc-add-bg: var(--beejro-forest);--bc-add-ink: var(--beejro-paper);--bc-add-hover: var(--beejro-forest-muted);--bc-add-height: 44px;--bc-focus: var(--beejro-forest);container:bcard / inline-size;display:block;height:100%;color:var(--bc-ink)}.bcard__inner{position:relative;display:flex;flex-direction:column;height:100%;padding:var(--bc-pad);border-radius:var(--bc-radius);background:var(--bc-ground);box-shadow:inset 0 0 0 2px var(--beejro-forest);transition:border-color .2s ease,box-shadow .2s ease}.bcard__media{position:relative;aspect-ratio:1;border-radius:var(--bc-photo-radius)}.bcard__photo{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit;background-color:var(--bc-photo-bg)}.bcard__img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.bcard__photo{z-index:2}.bcard__track{display:flex;height:100%;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.bcard__track::-webkit-scrollbar{display:none}.bcard__slide{flex:0 0 100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}@media(hover:hover)and (pointer:fine){.bcard__track{position:relative;display:block;overflow:hidden;overscroll-behavior-x:auto}.bcard__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .38s ease}.bcard__slide:first-child{opacity:1}.bcard__media:hover .bcard__slide:nth-child(2){opacity:1}}.bcard__body{display:flex;flex:1;flex-direction:column;gap:10px;padding:var(--bc-body-pad)}.bcard__title{margin:0;color:inherit;font-size:1.0625rem;font-weight:700;line-height:1.25;letter-spacing:-.01em}.bcard__link,.bcard__link:hover{color:inherit;text-decoration:none;opacity:1}.bcard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border-radius:var(--bc-radius)}.bcard__link:focus-visible{outline:none}.bcard__link:focus-visible:after{outline:2px solid var(--bc-focus);outline-offset:3px}.bcard__swatches,.bcard__buy,.bcard__onframe{position:relative;z-index:2}[data-sale=false] [data-show-on-sale]{display:none!important}.bcard__price{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;line-height:1.2}beejro-card[data-picked=false] .bcard__price--exact,beejro-card[data-picked=true] .bcard__price--from{display:none}.bcard__from{font-size:.8125rem;font-weight:600;letter-spacing:0;color:var(--bc-muted)}.bcard__now{font-size:1.1875rem;font-weight:800;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.bcard__was{color:var(--bc-muted);font-size:.875rem;white-space:nowrap;text-decoration-thickness:1.5px}.bcard__save{padding:3px 9px;border-radius:999px;background:color-mix(in srgb,var(--beejro-leaf) 20%,#fff);color:var(--beejro-forest);font-size:.75rem;font-weight:700;line-height:1.3;white-space:nowrap}.bcard__picked{margin:0;color:var(--bc-muted);font-size:.8125rem;line-height:1.3}.bcard__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.bcard__swatch{position:relative;display:inline-flex;flex:none;align-items:center;justify-content:center;padding:0;border:0;border-radius:12px;background:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.bcard__swatch:focus-visible{outline:2px solid var(--bc-focus);outline-offset:4px}.bcard__tile{display:block;width:var(--bc-tile);height:var(--bc-tile);overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 0 0 1px var(--bc-edge);transition:box-shadow .16s ease}.bcard__tile img{display:block;width:100%;height:100%;object-fit:cover}.bcard__swatch[aria-checked=true] .bcard__tile{box-shadow:0 0 0 2px var(--bc-ground),0 0 0 3.5px var(--beejro-forest)}.bcard__dot{display:block;width:26px;height:26px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 1px #0000001f}.bcard__swatches--colour .bcard__swatch{border-radius:50%}.bcard__swatch[aria-checked=true] .bcard__dot{box-shadow:0 0 0 2px var(--bc-ground),0 0 0 3.5px var(--beejro-forest)}.bcard__swatch-name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.bcard__swatches--text{gap:6px}.bcard__swatches--text .bcard__swatch{height:30px;padding:0 11px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--bc-edge);font-size:.8125rem;font-weight:600}.bcard__swatches--text .bcard__swatch-name{position:static;width:auto;height:auto;overflow:visible;clip:auto}.bcard__swatches--text .bcard__swatch[aria-checked=true]{background:var(--beejro-forest);color:var(--beejro-paper);box-shadow:none}.bcard__swatch--sold-out .bcard__dot{opacity:.4}.bcard__swatch--sold-out:before{content:"";position:absolute;z-index:1;width:70%;height:1.5px;background:var(--beejro-forest);transform:rotate(-45deg)}.bcard__swatches--text .bcard__swatch--sold-out:before{display:none}.bcard__swatches--text .bcard__swatch--sold-out .bcard__swatch-name{opacity:.5;text-decoration:line-through}@media(hover:hover){.bcard__swatches:not(.bcard__swatches--text) .bcard__swatch:hover:after{content:attr(data-name);position:absolute;inset-block-end:calc(100% + 8px);inset-inline-start:50%;z-index:3;width:max-content;max-width:220px;padding:4px 10px;border-radius:999px;background:var(--beejro-forest);color:var(--beejro-paper);font-size:.75rem;font-weight:600;line-height:1.3;transform:translate(-50%);pointer-events:none}.bcard__swatches:not(.bcard__swatches--text) .bcard__swatch:first-child:hover:after{inset-inline-start:0;transform:none}.bcard__swatches:not(.bcard__swatches--text) .bcard__swatch:last-child:not(:first-child):hover:after{inset-inline-start:auto;inset-inline-end:0;transform:none}}.bcard__buy{display:grid;margin-block-start:auto;padding-block-start:2px}.bcard__buy>.bcard__form,.bcard__buy>.bcard__stepper{grid-area:1 / 1;transition:opacity .28s ease,visibility 0s linear 0s}.bcard__buy[data-state=add]>.bcard__stepper,.bcard__buy[data-state=stepper]>.bcard__form{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}.bcard__buy--instant>*{transition:none!important}.bcard__form,.bcard__form form,.bcard__form add-to-cart-component{display:block}.bcard__buy .bcard__add{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:var(--bc-add-height);min-height:0;padding:0 16px;border:0;border-radius:999px;background:var(--bc-add-bg);color:var(--bc-add-ink);font-size:.9375rem;font-weight:600;opacity:1;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}.bcard__buy .bcard__add:hover{background:var(--bc-add-hover);scale:1}.bcard__buy .bcard__add:focus-visible{outline:2px solid var(--bc-focus);outline-offset:2px}.bcard__buy .bcard__add>.add-to-cart-icon{width:20px;height:20px;transition:opacity .18s ease}.bcard__buy .bcard__add.add-to-cart-button[data-added=true]{color:transparent}.bcard__buy .bcard__add[data-added=true]>.add-to-cart-icon{opacity:0;transition:none}.bcard__buy .bcard__add.add-to-cart-button .add-to-cart__added{color:var(--bc-add-ink);pointer-events:none}.bcard__buy .bcard__add .add-to-cart__added-icon{width:26px;height:26px}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]){color:transparent}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true])>.add-to-cart-icon{opacity:0;transition:none}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]) .checkmark-burst{opacity:1}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]) .check{opacity:1;scale:1;filter:none;transition:none}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]) .tick{scale:1.75;transition:none}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]) :is(.ring,.burst){opacity:0}.bcard__buy[data-holding] .bcard__add.add-to-cart-button:not([data-added=true]) .add-to-cart__added{animation:none}.bcard__buy .bcard__add:disabled{background:var(--beejro-line);box-shadow:none;color:var(--beejro-forest-muted);cursor:not-allowed}.bcard__buy .bcard__add:disabled .add-to-cart-icon{display:none}.bcard__stepper{display:flex;align-items:center;justify-content:space-between;gap:6px;height:var(--bc-add-height);padding:0 5px;border-radius:999px;background:var(--beejro-forest);color:var(--beejro-paper)}.bcard__step{display:grid;flex:none;place-items:center;width:calc(var(--bc-add-height) - 10px);height:calc(var(--bc-add-height) - 10px);padding:0;border:0;border-radius:50%;background:#ffffff29;color:inherit;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .12s ease}.bcard__step svg{width:16px;height:16px}.bcard__step:hover{background:var(--beejro-sunflower);color:var(--beejro-forest)}.bcard__step:active{transform:scale(.92)}.bcard__step:focus-visible{outline:2px solid var(--bc-focus);outline-offset:2px}.bcard__qty{font-size:.9375rem;font-weight:700;white-space:nowrap}.bcard__qty [data-bind=qty]{display:inline-block}.bcard__qty.is-bump [data-bind=qty]{animation:bcard-bump .26s ease}@keyframes bcard-bump{40%{transform:scale(1.35)}}.bcard__qty-word{font-weight:500;opacity:.85}@container bcard (max-width: 240px){.bcard__title{font-size:.9375rem}.bcard__now{font-size:1.0625rem}.bcard__was{font-size:.75rem}.bcard__save{padding:2px 7px;font-size:.6875rem}.bcard__price{gap:3px 6px}.bcard__body{gap:8px}.bcard__picked{font-size:.75rem}.bcard__swatches{gap:4px}.bcard__dot{width:22px;height:22px}.bcard__swatches--text .bcard__swatch{height:28px;padding:0 8px;font-size:.75rem}.bcard__buy .bcard__add{gap:6px;padding:0 10px;font-size:.8125rem}.bcard__buy .bcard__add>.add-to-cart-icon{width:16px;height:16px}.bcard__qty{font-size:.875rem}.bcard__qty-word{display:none}}@container bcard (max-width: 240px){.bcard__inner{--bc-tile: 26px;--bc-add-height: 38px;--bc-body-pad: 12px 4px 2px}}.bcard{--bc-radius: 24px;--bc-photo-radius: 16px;--bc-photo-bg: #fff;--bc-ground: var(--beejro-card-bg, var(--beejro-sage-soft));--bc-pad: 10px;--bc-tile: 46px;--bc-body-pad: 12px 6px 4px}.bcard .bcard__swatches--photo{gap:6px;padding-block:4px}.bcard .bcard__swatches--photo .bcard__tile{border-radius:12px;box-shadow:none}.bcard .bcard__swatches--photo .bcard__tile img{object-position:50% 60%}.bcard .bcard__swatch[aria-checked=true] .bcard__tile{box-shadow:0 0 0 2px var(--bc-ground),0 0 0 3.5px var(--beejro-forest)}@container bcard (max-width: 240px){.bcard .bcard__inner{--bc-radius: 20px;--bc-photo-radius: 16px;--bc-pad: 4px;--bc-tile: 26px;--bc-body-pad: 12px 8px 6px}.bcard .bcard__swatches--photo{gap:3px}}.bcard .bcard__save{padding:4px 10px;background:var(--beejro-sunflower);color:var(--beejro-forest);font-size:.8125rem;font-weight:800}.bcard .bcard__picked{margin:-6px 0 0;color:var(--bc-muted);font-size:.8125rem;line-height:1.3}@container bcard (max-width: 240px){.bcard .bcard__save{padding:3px 8px;font-size:.75rem}.bcard .bcard__picked{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.bcard__tile{transition:none}.bcard__buy>*{transition:opacity .12s linear,visibility 0s linear .12s!important}.bcard__slide{transition:none!important}.bcard__qty.is-bump [data-bind=qty]{animation:none!important}}.bcard__step[data-limit]{opacity:.35;cursor:not-allowed}@media(max-width:749px){.bcard .bcard__swatches--photo{--bc-tile: clamp(36px, calc((100cqi - 34px) / 3.4), 46px);--bc-row-bleed: 6px;flex-wrap:nowrap;gap:6px;margin-inline:calc(var(--bc-row-bleed) * -1);padding:4px var(--bc-row-bleed);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--bc-row-bleed);scrollbar-width:none}.bcard .bcard__swatches--photo::-webkit-scrollbar{display:none}.bcard .bcard__swatches--photo .bcard__swatch{scroll-snap-align:start}.bcard .bcard__swatches--photo .bcard__tile{border-radius:10px}@container bcard (max-width: 240px){.bcard .bcard__swatches--photo{--bc-row-bleed: 8px}}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/beejro-product-card.css.map */