.rokr-bundle{--rokr-accent: var(--on-sale-text, 186 50 43);--rokr-surface: rgb(var(--text-color) / .035);--rokr-line: rgb(var(--border-color));--rokr-muted: rgb(var(--text-color) / .65);--rokr-card: rgb(var(--background-without-opacity, 255 255 255));--rokr-media: 6rem;display:block;container-type:inline-size;color:rgb(var(--text-color))}.rokr-bundle[hidden]{display:none}.rokr-bundle *,.rokr-bundle *:before,.rokr-bundle *:after{box-sizing:border-box}.rokr-bundle p,.rokr-bundle dl,.rokr-bundle dd{margin:0}.rokr-bundle [hidden]{display:none!important}.rokr-bundle__panel{display:grid;gap:1rem;padding:1.25rem;background:var(--rokr-surface);border:1px solid var(--rokr-line)}.rokr-bundle__header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.rokr-bundle__heading{display:grid;gap:.25rem;min-width:0}.rokr-bundle__subtitle{color:var(--rokr-muted);font-size:var(--text-sm)}.rokr-bundle__count{flex-shrink:0;font-size:var(--text-sm);white-space:nowrap}.rokr-bundle__count strong{color:rgb(var(--rokr-accent));font-size:var(--text-lg);font-variant-numeric:tabular-nums}.rokr-bundle__discount{display:grid;gap:.75rem}.rokr-bundle__status{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-inline-start:3px solid rgb(var(--rokr-accent));background:rgb(var(--rokr-accent) / .07);font-size:var(--text-sm);font-weight:600}.rokr-bundle__status-rate{flex-shrink:0;color:rgb(var(--rokr-accent));font-weight:400}.rokr-bundle__progress{position:relative;height:2.5rem;margin-inline:.75rem}.rokr-bundle__progress-track{position:relative;top:.3rem;height:4px;border-radius:99px;background:rgb(var(--text-color) / .12);overflow:hidden}.rokr-bundle__progress-fill{width:0;height:100%;background:rgb(var(--rokr-accent));transition:width .25s ease}.rokr-bundle__milestone{position:absolute;top:0;display:grid;justify-items:center;gap:.25rem;color:var(--rokr-muted);font-size:var(--text-xs);white-space:nowrap;transform:translate(-50%)}.rokr-bundle__milestone:before{width:.875rem;height:.875rem;border:3px solid rgb(var(--background-without-opacity, 255 255 255));border-radius:50%;background:rgb(var(--text-color) / .25);content:""}.rokr-bundle__milestone.is-active{color:rgb(var(--text-color));font-weight:600}.rokr-bundle__milestone.is-active:before{background:rgb(var(--rokr-accent))}.rokr-bundle__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin:0;padding:0;list-style:none}.rokr-bundle__option{position:relative;display:grid;grid-template-columns:var(--rokr-media) minmax(0,1fr);align-items:center;min-height:5.5rem;background:var(--rokr-card);border:1px solid var(--rokr-line);transition:border-color .15s ease,box-shadow .15s ease}.rokr-bundle__media{display:grid;place-items:center;align-self:stretch;padding:.5rem}.rokr-bundle__media img{display:block;width:100%;height:100%;max-height:4.5rem;object-fit:contain}.rokr-bundle__copy{display:grid;gap:.375rem;min-width:0;padding:.75rem 2.25rem .75rem .25rem}.rokr-bundle__name{display:-webkit-box;overflow:hidden;font-size:var(--text-sm);font-weight:600;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.rokr-bundle__meta{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;font-size:var(--text-xs)}.rokr-bundle__link{position:relative;z-index:2;min-width:0;overflow:hidden;color:var(--rokr-muted);text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:2px;transition:text-decoration-color .15s ease}.rokr-bundle__link:hover,.rokr-bundle__link:focus-visible{color:rgb(var(--text-color));text-decoration-color:currentColor}.rokr-bundle__price{flex-shrink:0;font-weight:600;font-variant-numeric:tabular-nums}.rokr-bundle__flag{color:rgb(var(--rokr-accent));font-size:var(--text-xs);font-weight:600}.rokr-bundle__badge{position:absolute;z-index:3;top:-1px;left:-1px;padding:.2rem .3rem;color:#fff;background:rgb(var(--rokr-accent));font-size:.5625rem;font-weight:600;letter-spacing:.03em;line-height:1;text-transform:uppercase;pointer-events:none}.rokr-bundle__toggle{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}.rokr-bundle__check{position:absolute;top:.5rem;right:.5rem;display:grid;place-items:center;width:1.25rem;height:1.25rem;border:1px solid rgb(var(--text-color) / .3);border-radius:50%;background:var(--rokr-card);transition:background-color .15s ease,border-color .15s ease}.rokr-bundle__check:after{width:.3rem;height:.55rem;margin-top:-.1rem;border:solid transparent;border-width:0 2px 2px 0;content:"";transform:rotate(45deg)}.rokr-bundle__toggle[aria-pressed=true] .rokr-bundle__check{border-color:rgb(var(--rokr-accent));background:rgb(var(--rokr-accent))}.rokr-bundle__toggle[aria-pressed=true] .rokr-bundle__check:after{border-color:#fff}.rokr-bundle__option:has([aria-pressed=true]){border-color:rgb(var(--rokr-accent));box-shadow:inset 0 0 0 1px rgb(var(--rokr-accent))}.rokr-bundle__option:has(.rokr-bundle__toggle:focus-visible){outline:2px solid rgb(var(--text-color));outline-offset:2px}.rokr-bundle__toggle:focus-visible{outline:none}.rokr-bundle__option:has(.rokr-bundle__toggle:disabled){opacity:.55}.rokr-bundle__toggle:disabled{cursor:not-allowed}@media(hover:hover){.rokr-bundle__option:has(.rokr-bundle__toggle:not(:disabled):hover){border-color:rgb(var(--text-color) / .45)}.rokr-bundle__option:has(.rokr-bundle__toggle[aria-pressed=true]:hover){border-color:rgb(var(--rokr-accent))}}.rokr-bundle.is-busy .rokr-bundle__toggle{pointer-events:none}.rokr-bundle__wall{position:relative;height:190px;overflow:hidden;border:1px solid #302a27;background:#211d1b var(--rokr-bundle-wall) center / cover no-repeat}.rokr-bundle__wall:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgb(0 0 0 / .08),transparent 25%,rgb(255 255 255 / .05) 50%,transparent 75%,rgb(0 0 0 / .08));content:"";pointer-events:none}.rokr-bundle__wall-grid{position:absolute;z-index:2;top:6px;right:7px;bottom:6px;left:7px}.rokr-bundle__wall-item{position:absolute;top:0;bottom:0;left:calc(var(--left) + var(--offset-x, 0%));display:grid;place-items:center;width:var(--width);transition:left .3s ease,width .3s ease}.rokr-bundle__wall-item:before{position:absolute;z-index:-1;top:15%;left:50%;width:4px;height:13px;border:1px solid rgb(83 68 52 / .7);border-bottom:0;border-radius:4px 4px 0 0;background:#b7aa96;box-shadow:0 2px 3px #38261433;content:"";transform:translate(-50%)}.rokr-bundle__wall-item img{display:block;width:100%;height:100%;object-fit:contain;filter:brightness(1.08) contrast(1.02) saturate(1.04) drop-shadow(0 0 1px rgb(255 255 255 / .62)) drop-shadow(0 4px 3px rgb(0 0 0 / .65));transform:translateY(var(--offset-y, 0px)) rotate(var(--rotation, 0deg)) scale(var(--scale, 1))}.rokr-bundle__wall-item.is-entering{animation:rokr-bundle-hang .25s ease-out}@keyframes rokr-bundle-hang{0%{opacity:0;translate:0 -8px}}.rokr-bundle__summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1rem;align-items:center;margin:0 -1.25rem -1.25rem;padding:1rem 1.25rem;border-top:1px solid var(--rokr-line)}.rokr-bundle__prices{display:grid;grid-template-columns:1fr auto;gap:.25rem .75rem;align-items:baseline;font-size:var(--text-sm);font-variant-numeric:tabular-nums}.rokr-bundle__prices dd{text-align:end}.rokr-bundle__saving{color:rgb(var(--rokr-accent))}.rokr-bundle__total-label,.rokr-bundle__total{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-lg)}.rokr-bundle__add{min-height:3rem;font-variant-numeric:tabular-nums}.rokr-bundle__add:disabled{cursor:not-allowed;opacity:.45}.rokr-bundle.is-busy .rokr-bundle__add{cursor:progress;opacity:.7}.rokr-bundle__note{margin-top:.375rem!important;color:var(--rokr-muted);font-size:var(--text-xs);text-align:center}.rokr-bundle__message:empty{display:none}.rokr-bundle__message{margin-top:-.25rem!important;font-size:var(--text-sm)}.rokr-bundle__message.is-error{color:rgb(var(--error-text))}.rokr-bundle__message.is-success{color:rgb(var(--success-text))}.rokr-bundle-notice{padding:.75rem;border:1px dashed rgb(var(--error-text));font-size:var(--text-sm)}@container (min-width: 900px){.rokr-bundle__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rokr-bundle__wall{height:240px}}@container (max-width: 560px){.rokr-bundle__panel{padding:1rem .875rem}.rokr-bundle__header{flex-direction:column;align-items:flex-start;gap:.375rem}.rokr-bundle__status{flex-direction:column;align-items:flex-start;gap:.125rem}.rokr-bundle__option{grid-template-columns:minmax(0,1fr);align-items:start}.rokr-bundle__media{height:5rem;padding:.625rem 1.75rem .25rem}.rokr-bundle__copy{padding:.25rem .625rem .625rem}.rokr-bundle__wall{height:180px}.rokr-bundle__summary{grid-template-columns:minmax(0,1fr);gap:.75rem;margin:0 -.875rem -1rem;padding:.875rem}}@container (max-width: 340px){.rokr-bundle__meta{flex-direction:column;gap:.125rem}}@media(prefers-reduced-motion:reduce){.rokr-bundle *,.rokr-bundle *:before,.rokr-bundle *:after{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/171/assets/rokr-bundle-builder.css.map */