.product-bars{margin-top:4.8rem}.product-bars--box-selector{margin-top:0}.product-bars__title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:italic;margin-bottom:.2rem}@media(min-width:750px){.product-bars__title{margin-bottom:.4rem}}.product-bars__current{font-family:var(--font-body-family);margin-block:0}.product-bars__items{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;margin-top:1.8rem}@media(max-width:1023px){.product-bars__items{gap:.5rem}}.product-bars__item{--size: 7.5rem;width:var(--size);height:var(--size);border:1.5px solid transparent;padding:2px;border-radius:50%;overflow:hidden;position:relative;cursor:pointer}@media(max-width:1023px){.product-bars__item{--size: 6.5rem}}.product-bars__item input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.product-bars__item .product-bars__item-image{height:100%}.product-bars__item img,.product-bars__item svg{border-radius:50%}.product-bars__item img{width:100%;height:100%;object-fit:cover}.product-bars__item.border-dashed-circle{--dashes: 16}.product-bars__item:has(input:checked){background-color:var(--color-background-accent);border:1.5px solid currentColor}.product-bars[js-limit="1"] .product-bars__selected{display:none}.product-bars__selected{display:flex;flex-direction:column-reverse;margin-top:3.7rem}@media(min-width:990px){.product-bars__selected{margin-top:4.3rem}}.product-bars__selected-item{text-align:left;order:var(--order, 0);display:none;gap:1.6rem;padding-block:.8rem 2.4rem}.product-bars__selected-item.is-active{display:flex}.product-bars__selected-item-images{flex:0 0 7.2rem}.product-bars__selected-item-images img,.product-bars__selected-item-images svg{aspect-ratio:1}.product-bars__selected-item-main{padding-top:.6rem}.product-bars__selected-item-title{display:flex;justify-content:space-between;align-items:center;margin-block:0}.product-bars__selected-item-title .quantity{width:auto}.product-bars__selected-item-description,.product-bars__selected-item-allergens{margin-block:2rem 0}.product-bars__selected-item-description{font-size:1.6rem}product-media.product-bars__media-stack-active{position:relative}@media screen and (min-width:990px){product-media{position:sticky!important;top:calc(var(--offset) + var(--padding-top))!important}}product-media.product-bars__media-stack-active>.product__image,product-media.product-bars__media-stack-active>svg,product-media.product-bars__media-stack-active .product__media-slider,product-media.product-bars__media-stack-active .product__media-thumbs{opacity:0;pointer-events:none;visibility:hidden}.product-bars__media-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;width:100%;pointer-events:none}.product-bars__media-stack .box-builder__image-title{position:absolute;top:calc(51.4dvh - 163.1px - min(9.23vw,132.9px) - (var(--stack-count, 1) - 1) * 3.68dvh);left:0;right:0;z-index:2;margin-bottom:0;opacity:1;visibility:visible}product-media.product-bars__media-stack-active .product-bars__media-stack{display:flex}.product-bars__media-stack-inner{--stack-step: .09;position:relative;width:100%;height:calc(100% * (1 + (var(--stack-count, 1) - 1) * var(--stack-step)))}.product-bars__media-stack-inner img{--rotate: 2deg;--transform: translateX(-50%) translateY(calc(var(--stack-index, 0) * 9%));position:absolute;left:50%;top:0;transform:var(--transform);height:calc(100% / (1 + (var(--stack-count, 1) - 1) * var(--stack-step)));width:auto;max-width:100%;object-fit:contain}.product-bars__media-stack-inner img:nth-child(4n+2){transform:var(--transform) rotate(var(--rotate))}.product-bars__media-stack-inner img:nth-child(4n+3){transform:var(--transform) rotate(calc(var(--rotate) * -1))}@media(max-width:989px){product-media.product-bars__media-stack-active{width:100%;aspect-ratio:393 / 415}product-media.product-bars__media-stack-active .product__media-slider{position:absolute;width:0;height:0;overflow:hidden}.product-bars__media-stack-inner{width:100%;height:auto;aspect-ratio:1}.product-bars__media-stack-inner img{--transform: translate( calc( -50% + (var(--stack-index, 0) - (var(--stack-count, 1) - 1) / 2) * 12% ), -50% );top:50%;left:50%;width:95.97vw;height:auto;aspect-ratio:1;max-width:none;max-height:none;object-fit:contain}.product-bars__media-stack .box-builder__image-title{top:11%}}.junip-product-summary{cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/63/assets/product-bars.css.map */