ro-bundle-selector,.ro-bundle{--ro-bundle-border-active: var(--ro-accent-highlight);--ro-bundle-radio-fill: var(--ro-accent-highlight);--ro-bundle-title-color: var(--ro-bundle-title-color, var(--ro-text-headline))}.ro-bundle{display:block;container-type:inline-size;container-name:bundle;margin-block-end:1.25rem;text-align:start}.ro-bundle__heading{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:var(--ro-text-md);font-weight:800;color:var(--ro-bundle-title-color);margin:0;margin-block-end:var(--ro-space-sm);text-align:center}.ro-bundle__heading:before,.ro-bundle__heading:after{content:"";flex:1;height:1px;background:color-mix(in oklch,var(--ro-accent-highlight),transparent 50%);max-width:3.75rem}.ro-bundle__options{display:flex;flex-direction:column;gap:.75rem}.ro-bundle__option{position:relative;display:flex;align-items:center;gap:.875rem;padding:1.25rem 1.125rem;background:var(--ro-bg-white);border:2px solid color-mix(in oklch,var(--ro-accent-highlight),transparent 70%);border-radius:var(--ro-radius-sm);cursor:pointer;transition:border-color var(--ro-dur-fast) var(--ro-ease-out-expo),background-color var(--ro-dur-fast) var(--ro-ease-out-expo)}@media(hover:hover)and (pointer:fine){.ro-bundle__option:hover{border-color:var(--ro-bundle-border-active)}}.ro-bundle__option input{position:absolute;opacity:0;pointer-events:none}.ro-bundle__radio{width:1.5rem;height:1.5rem;border:2px solid color-mix(in oklch,var(--ro-text-body),transparent 60%);border-radius:50%;flex-shrink:0;position:relative;transition:border-color var(--ro-dur-fast) var(--ro-ease-out-expo),background-color var(--ro-dur-fast) var(--ro-ease-out-expo);background:var(--ro-bg-white)}.ro-bundle__radio:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%);width:.75rem;height:.75rem;background:var(--ro-bundle-radio-fill);border-radius:50%;opacity:0;transition:opacity var(--ro-dur-fast) var(--ro-ease-out-expo)}.ro-bundle__option input:checked~.ro-bundle__radio{border-color:var(--ro-bundle-radio-fill);background:var(--ro-bg-white)}.ro-bundle__option input:checked~.ro-bundle__radio:after{opacity:1}.ro-bundle__option:has(input:checked){border:2.5px solid var(--ro-bundle-border-active);background:var(--ro-bg-white)}.ro-bundle__option:has(input:focus-visible){box-shadow:var(--ro-state-focus-ring)}.ro-bundle__details{flex:1;display:flex;align-items:center;gap:.625rem}.ro-bundle__name{font-size:var(--ro-text-md);font-weight:700;color:var(--ro-bundle-title-color)}.ro-bundle__pricing{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.ro-bundle__price{font-size:var(--ro-text-md);font-weight:800;color:var(--ro-bundle-title-color)}.ro-bundle__price-unit{font-weight:400;font-size:var(--ro-text-sm)}.ro-bundle__compare{font-size:var(--ro-text-xs);color:var(--ro-text-muted);text-decoration:line-through;font-style:italic}.ro-bundle__option>.ro-badge{position:absolute;inset-block-start:-.75rem;inset-inline-end:var(--ro-space-sm)}@container bundle (max-width: 749px){.ro-bundle__option{display:grid;grid-template-columns:1.5rem minmax(0,1fr) auto;column-gap:.75rem;align-items:center;padding:var(--ro-space-sm) .875rem;box-sizing:border-box}.ro-bundle__option:has(input:checked){border-width:2px;box-shadow:0 0 0 1px color-mix(in oklch,var(--ro-accent-highlight),transparent 65%)}.ro-bundle__details{min-width:0;flex-direction:column;align-items:flex-start;gap:.375rem}.ro-bundle__name{font-size:var(--ro-text-sm);line-height:1.15}.ro-bundle__details .ro-badge{padding:.3125rem var(--ro-space-xs);font-size:var(--ro-text-caption);line-height:1.1;white-space:nowrap}.ro-bundle__pricing{min-width:5.25rem;align-items:flex-end;gap:.25rem;text-align:end}.ro-bundle__price{font-size:var(--ro-text-sm);line-height:1.1;white-space:nowrap}.ro-bundle__price-unit{display:block;margin-block-start:2px;font-size:var(--ro-text-xs);line-height:1.1}.ro-bundle__compare{font-size:var(--ro-text-xs);line-height:1;margin-block-start:1px}.ro-bundle__option--popular,.ro-bundle__option--value{padding-block-start:1.75rem}.ro-bundle__option>.ro-badge{inset-block-start:-.625rem;inset-inline-start:50%;inset-inline-end:auto;transform:translate(-50%);font-size:var(--ro-text-caption);line-height:1;padding:.3125rem .6875rem;white-space:nowrap;z-index:1}}@container bundle (min-width: 750px){.ro-bundle__heading{font-size:var(--ro-text-lg)}.ro-bundle__heading:before,.ro-bundle__heading:after{max-width:5rem}.ro-bundle__name,.ro-bundle__price{font-size:var(--ro-text-lg)}}@container bundle (min-width: 990px){.ro-bundle{grid-column:2;grid-row:3}.ro-bundle__heading{justify-content:flex-start;text-align:start}.ro-bundle__heading:before{display:none}.ro-bundle__heading:after{max-width:6.25rem}}@media(prefers-reduced-motion:reduce){.ro-bundle__option,.ro-bundle__radio,.ro-bundle__radio:after{transition:none}}.ro-bundle__price .ro-day1__was{font-size:var(--ro-text-xs);font-weight:400}
/*# sourceMappingURL=/cdn/shop/t/134/assets/component-bundle-selector.css.map */