.loop-bb{--loop-bb-accent: var(--color-highlight, var(--color-foreground, 0 0 0));--loop-bb-border: rgb(var(--color-foreground, 0 0 0) / .12);--loop-bb-yellow: 255 197 49;--loop-bb-green: 46 168 78}.loop-bb__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:44rem}.loop-bb__tile{border:2px solid var(--loop-bb-border);border-radius:var(--rounded-block, 12px);background:rgb(var(--color-background, 255 255 255));padding:1.25rem 1.5rem;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.loop-bb__tile:hover{border-color:rgb(var(--loop-bb-accent) / .5)}.loop-bb__tile.is-selected{border-color:rgb(var(--loop-bb-accent));box-shadow:0 0 0 1px rgb(var(--loop-bb-accent))}.loop-bb__tile-badge{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;padding:.25rem .625rem;background:rgb(var(--loop-bb-accent));color:rgb(var(--color-background, 255 255 255));margin-bottom:.5rem}.loop-bb__tile-title{font-size:1.125rem;font-weight:700}.loop-bb__tile-price{display:flex;align-items:baseline;gap:.5rem;margin-top:.375rem}.loop-bb__tile-compare{text-decoration:line-through;opacity:.55;font-size:.875rem}.loop-bb__tile-savings{margin-top:.25rem;font-size:.8125rem;color:rgb(var(--loop-bb-accent));font-weight:600}.loop-bb .section--padding{padding-bottom:calc(var(--section-padding-bottom, 72px) + 11rem)}.loop-bb__bar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:rgb(var(--color-background, 255 255 255));border-top:1px solid var(--loop-bb-border);box-shadow:0 -8px 24px #00000014;padding:.875rem 0 calc(.875rem + env(safe-area-inset-bottom,0px))}.loop-bb__bar-inner{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.loop-bb__bar-right{display:flex;align-items:center;gap:1.25rem;margin-left:auto}.loop-bb__progress-wrap{flex:1 1 16rem;min-width:14rem}.loop-bb__progress{position:relative;height:.625rem;border-radius:999px;background:var(--loop-bb-border);overflow:visible}.loop-bb__progress div.loop-bb__progress-fill{display:block;position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:rgb(var(--loop-bb-yellow));transition:width .3s ease,background .3s ease}.loop-bb__progress.is-goal div.loop-bb__progress-fill{background:rgb(var(--loop-bb-green))}.loop-bb__marker{position:absolute;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center}.loop-bb__marker-dot{width:1.25rem;height:1.25rem;border-radius:999px;border:2px solid var(--loop-bb-border);background:rgb(var(--color-background, 255 255 255));transition:background .2s ease,border-color .2s ease}.loop-bb__marker.is-reached .loop-bb__marker-dot{background:rgb(var(--loop-bb-green));border-color:rgb(var(--loop-bb-green))}.loop-bb__marker-label{position:absolute;top:100%;margin-top:.375rem;font-size:.6875rem;font-weight:600;white-space:nowrap}.loop-bb__progress-labels{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:.375rem}.loop-bb__hint{font-size:.8125rem;margin-top:1.375rem}.loop-bb__summary{position:relative}.loop-bb__summary-toggle{display:inline-flex;align-items:baseline;gap:.3125rem;padding:0;margin:0;border:0;background:none;font:inherit;color:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}.loop-bb__summary-toggle[disabled]{cursor:default}.loop-bb__summary-toggle:not([disabled])>span{text-decoration:underline;text-underline-offset:3px}.loop-bb__summary-toggle:not([disabled]):hover{color:rgb(var(--loop-bb-accent))}.loop-bb__summary-arrow{width:.625rem;height:.375rem;flex:0 0 auto;margin-top:.125rem;transition:transform .2s ease,opacity .2s ease}.loop-bb__summary-toggle[disabled] .loop-bb__summary-arrow{opacity:.35}.loop-bb__summary.is-open .loop-bb__summary-arrow{transform:rotate(180deg)}.loop-bb__summary-tooltip{display:none;position:absolute;bottom:calc(100% + .625rem);left:0;z-index:5;width:min(19rem,calc(100vw - 2.5rem));max-height:45vh;overflow-y:auto;background:rgb(var(--color-background, 255 255 255));border:1px solid var(--loop-bb-border);border-radius:var(--rounded-block, 12px);box-shadow:0 8px 24px #00000029;padding:.5rem}.loop-bb__summary.is-open .loop-bb__summary-tooltip{display:block}.loop-bb__summary.is-open:after{content:"";position:absolute;bottom:100%;left:0;width:min(19rem,calc(100vw - 2.5rem));height:.625rem}.loop-bb__summary-heading{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.375rem .5rem .25rem;border-bottom:1px solid var(--loop-bb-border);margin-bottom:.25rem}.loop-bb__summary-item{display:flex;align-items:center;gap:.625rem;padding:.375rem .5rem}.loop-bb__summary-item img{width:2.5rem;height:2.5rem;flex:0 0 auto;object-fit:contain;border-radius:8px;background:rgb(var(--color-foreground, 0 0 0) / .04)}.loop-bb__summary-item-title{flex:1 1 auto;font-size:.8125rem;font-weight:500;line-height:1.3;text-align:left}.loop-bb__summary-item-qty{flex:0 0 auto;min-width:1.5rem;font-size:.8125rem;font-weight:700}.loop-bb__perks{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.5rem}.loop-bb__perk{display:inline-flex;align-items:center;gap:.3125rem;font-size:.75rem;font-weight:600;line-height:1;padding:.3125rem .625rem;border-radius:999px;background:rgb(var(--color-foreground, 0 0 0) / .06);transition:background .2s ease,color .2s ease}.loop-bb__perk.is-reached{background:rgb(var(--loop-bb-green) / .14);color:rgb(var(--loop-bb-green))}.loop-bb__perk.is-reached:before{content:"\2713";font-weight:700}.loop-bb__totals{display:flex;align-items:baseline;gap:.625rem;white-space:nowrap}.loop-bb__total{font-size:1.25rem;font-weight:700}.loop-bb__compare{text-decoration:line-through;opacity:.55}.loop-bb__savings{font-size:.875rem;font-weight:700;color:rgb(var(--loop-bb-accent));white-space:nowrap}.loop-bb__hint-strong{font-weight:700;color:rgb(var(--loop-bb-accent))}.loop-bb__discount-badge{display:inline-flex;align-items:center;align-self:center;background:rgb(var(--loop-bb-accent));color:rgb(var(--color-background, 255 255 255));font-size:.875rem;font-weight:700;line-height:1;border-radius:999px;padding:.375rem .625rem;white-space:nowrap}.loop-bb__bar .button[disabled]{opacity:.45;cursor:not-allowed}.loop-bb__bar .button{position:relative}.loop-bb__bar .button.is-loading .btn-text{opacity:0}.loop-bb__bar .button.is-loading:after{content:"";position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-.625rem 0 0 -.625rem;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:loop-bb-spin .7s linear infinite}@keyframes loop-bb-spin{to{transform:rotate(360deg)}}.loop-bb__anchors-bar{position:sticky;top:var(--sticky-header-height, var(--header-height, 0px));z-index:9;background:rgb(var(--color-background, 255 255 255));border-bottom:1px solid var(--loop-bb-border);transition:top .25s ease}.loop-bb__anchors{display:flex;gap:.75rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1rem 0}.loop-bb__anchors::-webkit-scrollbar{display:none}.loop-bb__anchor{flex:0 0 auto;font-size:.875rem;font-weight:600;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--loop-bb-border);text-decoration:none;white-space:nowrap}.loop-bb__anchor:hover{border-color:#763ac5}.loop-bb__anchor.is-active{font-weight:700;color:rgb(var(--color-background));background:#763ac5;border-color:#763ac5}.loop-bb__category{scroll-margin-top:calc(var(--header-height, 0px) + 4.5rem);margin-top:3rem}.loop-bb__category-title{font-size:clamp(1.25rem,1.8vw,1.625rem)}.loop-bb__description{max-width:40rem;margin-inline:auto}.loop-bb__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem}@media screen and (min-width:768px){.loop-bb__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media screen and (min-width:1200px){.loop-bb__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.loop-bb__card{display:flex;flex-direction:column;border-radius:var(--rounded-block, 12px);overflow:hidden}.loop-bb__card-media{position:relative}.loop-bb__card-detail{position:absolute;top:.5rem;right:.5rem;z-index:2;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--loop-bb-border);background:rgb(var(--color-background, 255 255 255) / .9);cursor:pointer;font-weight:700}.loop-bb__card-content{display:flex;flex-direction:column;gap:.375rem;padding:.75rem .25rem 1rem;flex-grow:1}.loop-bb__card-title{font-weight:600;line-height:1.3}.loop-bb__card-subtitle{font-size:.8125rem;opacity:.7}.loop-bb__card-price{font-size:.9375rem;font-weight:600;margin-top:auto}.loop-bb__soldout{font-size:.8125rem;text-align:center;opacity:.6;padding:.625rem 0;margin-top:.5rem}.loop-bb__error{margin-top:.75rem;font-size:.875rem;color:#c0392b;font-weight:600}@media screen and (max-width:767px){.loop-bb__tiles{gap:.625rem}.loop-bb__tile{padding:.875rem 1rem}.loop-bb__bar{padding-top:.625rem}.loop-bb__bar-inner{gap:.625rem}.loop-bb__hint{margin-top:1.75rem}.loop-bb__perks{gap:.125rem .875rem;margin-top:.25rem}.loop-bb__perk{padding:0;border-radius:0;background:none;font-size:.6875rem;font-weight:500;opacity:.65}.loop-bb__perk.is-reached{background:none;font-weight:600;opacity:1}.loop-bb__bar-right{flex:1 1 100%;justify-content:space-between;margin-left:0}.loop-bb .section--padding{padding-bottom:calc(var(--section-padding-bottom, 72px) + 14rem)}.loop-bb__totals{font-size:.9375rem}}.loop-bb-teaser{border:2px solid rgb(var(--color-foreground, 0 0 0) / .12);border-radius:var(--rounded-block, 12px);padding:.875rem 1.125rem;text-decoration:none;transition:border-color .2s ease}.loop-bb-teaser:hover{border-color:rgb(var(--color-highlight, var(--color-foreground, 0 0 0)))}.loop-bb-teaser__media img{width:4rem;height:4rem;object-fit:contain;border-radius:8px}.loop-bb-teaser__title{font-weight:700}.loop-bb-teaser__text{font-size:.8125rem;opacity:.7;margin-top:.125rem}.loop-bb-teaser__arrow{display:flex}
/*# sourceMappingURL=/cdn/shop/t/85/assets/loop-bundle-builder.css.map */