bundle-group-component{display:block}.bundle-group{display:flex;flex-direction:column;gap:12px;width:100%;font-family:var(--font-body--family, inherit);color:rgb(var(--color-foreground-rgb, 14 14 16))}.bundle-group__header{display:flex;align-items:center;gap:12px;font-family:var(--font-heading--family, inherit);font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.bundle-group__header:before,.bundle-group__header:after{content:"";flex:1;height:2px;background-color:currentColor}.bundle-group__header span{flex-shrink:0;padding:0 8px}.bundle-tiers{display:flex;flex-direction:column;gap:var(--bundle-gap, 6px)}.bundle-group .bundle-tier{position:relative;display:flex;align-items:center;gap:8px;padding:12px 16px;background-color:rgb(var(--bundle-card-bg, 255 255 255));border-radius:var(--bundle-radius, 0);cursor:pointer;transition:background-color .16s ease,color .16s ease;border:1px solid transparent}.bundle-tier:hover{background-color:rgb(var(--bundle-card-bg-hover, 243 244 246))}.bundle-tier .bundle-tier__variants{display:none}.bundle-tier.is-selected .bundle-tier__variants{display:flex}.bundle-tier__radio{flex:0 0 auto;width:18px;height:18px;margin:0;cursor:pointer;accent-color:rgb(var(--bundle-active-bg, 14 14 16))}bundle-group-component[data-radio-style=custom] .bundle-tier__radio{appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:999px;border:2px solid rgb(var(--color-foreground-rgb, 14 14 16) / .4);background:transparent;display:inline-grid;place-content:center;transition:border-color .12s ease,background-color .12s ease}bundle-group-component[data-radio-style=custom] .bundle-tier__radio:before{content:"";width:8px;height:8px;border-radius:999px;background:transparent;transition:background-color .12s ease}bundle-group-component[data-radio-style=custom] .bundle-tier:has(.bundle-tier__radio:checked) .bundle-tier__radio,bundle-group-component[data-radio-style=custom] .bundle-tier__radio:checked{background-color:rgb(var(--bundle-accent, 255 196 0))}.bundle-tier__radio:where(input[type=radio]):checked:after{background-color:rgb(var(--bundle-accent, 255 196 0))}.bundle-tier__body{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.bundle-tier__info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.bundle-tier__title{font-family:var(--font-heading--family, inherit);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;display:inline-flex;align-items:center;gap:6px;line-height:1.2}.bundle-tier__title-icon{color:rgb(var(--bundle-accent, 255 196 0));font-size:.95rem;line-height:1}.bundle-tier__sub{font-size:.6875rem;color:rgb(var(--color-foreground-rgb, 14 14 16) / .55);line-height:1.3}.bundle-tier__variants{display:flex;flex-direction:column;gap:8px;margin-top:12px;max-height:0;overflow:hidden;opacity:0;transition:max-height .22s ease,opacity .16s ease,margin-top .16s ease}.bundle-tier:has(.bundle-tier__radio:checked) .bundle-tier__variants:not([hidden]){max-height:500px;opacity:1}.bundle-tier.is-selected .bundle-tier__variants:not([hidden]){max-height:500px;opacity:1}.bundle-variant-row{display:flex;align-items:center;gap:12px}.bundle-variant-num{font-family:var(--font-heading--family, inherit);font-size:.8125rem;font-weight:700;min-width:28px}.bundle-variant-select{appearance:none;-webkit-appearance:none;padding:8px 32px 8px 14px;font-family:var(--font-body--family, inherit);font-size:.8125rem;font-weight:600;color:rgb(var(--color-foreground-rgb, 14 14 16));background-color:rgb(var(--bundle-card-bg, 255 255 255));border:1px solid rgb(var(--color-foreground-rgb, 14 14 16) / .15);border-radius:calc(var(--bundle-radius, 0) * .75);cursor:pointer;min-width:140px;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;transition:border-color .12s ease}.bundle-variant-select:focus-visible{outline:2px solid rgb(var(--bundle-accent, 255 196 0));outline-offset:2px}.bundle-tier__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.bundle-tier__current{font-family:var(--font-heading--family, inherit);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.1}.bundle-tier__old{font-size:.6875rem;color:rgb(var(--color-foreground-rgb, 14 14 16) / .55);text-decoration:line-through}.bundle-tier__save{font-size:.6875rem;font-weight:700;color:rgb(var(--bundle-accent, 255 196 0));text-transform:uppercase;letter-spacing:.04em}.bundle-tier:has(.bundle-tier__radio:checked),.bundle-tier.is-selected{background-color:rgb(var(--bundle-active-bg, 14 14 16));color:rgb(var(--bundle-active-fg, 255 255 255));border:unset}.bundle-tier:has(.bundle-tier__radio:checked) .bundle-tier__sub,.bundle-tier.is-selected .bundle-tier__sub{color:rgb(var(--bundle-active-fg, 255 255 255) / .7)}.bundle-tier:has(.bundle-tier__radio:checked) .bundle-tier__current,.bundle-tier.is-selected .bundle-tier__current{color:rgb(var(--bundle-accent, 255 196 0))}.bundle-tier:has(.bundle-tier__radio:checked) .bundle-tier__old,.bundle-tier.is-selected .bundle-tier__old{color:rgb(var(--bundle-active-fg, 255 255 255) / .5)}.bundle-tier:has(.bundle-tier__radio:checked) .bundle-variant-num,.bundle-tier.is-selected .bundle-variant-num{color:rgb(var(--bundle-active-fg, 255 255 255))}.bundle-tier--popular:has(.bundle-tier__radio:checked),.bundle-tier--popular.is-selected{border-color:rgb(var(--bundle-accent, 255 196 0))}.bundle-tier__tag{padding:4px 12px;font-family:var(--font-body--family, inherit);font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background-color:rgb(var(--bundle-accent, 255 196 0));color:rgb(var(--bundle-active-bg, 14 14 16));border-radius:0 var(--bundle-radius, 0) 0 var(--bundle-radius, 0);z-index:2;pointer-events:none}.bundle-tier__tag--popular{background-color:rgb(var(--bundle-accent, 255 196 0))}.bundle-tier__variants.is-hidden{display:none}@media screen and (max-width:749px){.bundle-tier{padding:10px 12px}.bundle-tier__body{flex-wrap:wrap;row-gap:8px}.bundle-tier__title{font-size:.8125rem}.bundle-tier__current{font-size:1rem}.bundle-variant-select{min-width:0;flex:1}.bundle-variant-row{width:100%}.bundle-tier__tag{padding:3px 10px;font-size:.55rem}}@media(prefers-reduced-motion:reduce){.bundle-tier,.bundle-tier__variants{transition:none}}@media screen and (max-width:450px){.bundle-tier:has(.bundle-tier__tag) .bundle-tier__info{min-width:70%}}@media screen and (max-width:350px){.bundle-tier:has(.bundle-tier__tag) .bundle-tier__info{min-width:60%}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/bundle-selector.css.map */