.upsell-variant-picker{margin-bottom:2rem}.upsell-variant-picker__input{display:none}.upsell-variant-picker__cards{display:grid;gap:1rem}.upsell-variant-picker__card{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1rem;padding:1.25rem 1.5rem;background:var(--upsell-bg-color, rgb(26, 26, 31));border:2px solid var(--upsell-border-color, rgba(255, 255, 255, .1));border-radius:1rem;cursor:pointer;transition:all .2s ease}.upsell-variant-picker__card:hover{border-color:var(--upsell-border-hover-color, rgba(255, 255, 255, .2));transform:translateY(-2px)}.upsell-variant-picker__card:focus{outline:none;box-shadow:0 0 0 3px var(--upsell-active-color, rgb(255, 107, 53))}.upsell-variant-picker__card.is-active{border-color:var(--upsell-active-color, rgb(255, 107, 53));box-shadow:0 0 0 3px #ff6b354d;background:var(--upsell-active-bg-color, rgb(32, 32, 38))}.upsell-variant-picker__radio{width:1.5rem;height:1.5rem;border:3px solid var(--upsell-radio-color, rgba(255, 255, 255, .3));border-radius:50%;position:relative;transition:all .2s ease}.upsell-variant-picker__card.is-active .upsell-variant-picker__radio{border-color:var(--upsell-active-color, rgb(255, 107, 53))}.upsell-variant-picker__card.is-active .upsell-variant-picker__radio:after{content:"";position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;background:var(--upsell-active-color, rgb(255, 107, 53));border-radius:50%}.upsell-variant-picker__title{font-weight:700;font-size:var(--upsell-title-size, 20px);color:var(--upsell-text-color, rgb(255, 255, 255));letter-spacing:.01em;line-height:1.3}.upsell-variant-picker__badge{position:absolute;top:-.5rem;right:1rem;padding:.4rem .75rem;background:var(--upsell-badge-bg-color, rgb(139, 92, 246));color:var(--upsell-badge-text-color, rgb(255, 255, 255));font-weight:800;font-size:var(--upsell-badge-size, 13px);border-radius:.5rem;line-height:1.2;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #0000004d}@media screen and (max-width: 749px){.upsell-variant-picker__card{gap:.75rem 1rem;padding:1rem 1.25rem}.upsell-variant-picker__badge{padding:.3rem .5rem;right:.75rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-upsell-variant-picker.css.map */