.popular-addons{display:block;margin:0 0 1.6rem;padding:1.6rem;border-radius:1.2rem;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.08)}.popular-addons__heading{margin:0 0 1.2rem;font-size:1.1rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;opacity:.65}.popular-addons__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.popular-addons__item{display:flex;align-items:center;gap:1.2rem}.popular-addons__item+.popular-addons__item{padding-top:1.2rem;border-top:.1rem solid rgba(var(--color-foreground),.08)}.popular-addons__image{width:5.2rem;height:5.2rem;border-radius:.8rem;object-fit:cover;background:rgba(var(--color-foreground),.05);flex-shrink:0}.popular-addons__info{flex:1 1 auto;min-width:0}.popular-addons__title{margin:0;font-size:1.4rem;font-weight:500;line-height:1.3}.popular-addons__price{margin:.3rem 0 0;font-size:1.3rem;opacity:.7}.popular-addons__swatches{display:flex;gap:.6rem;margin:.5rem 0 .2rem}.popular-addons__swatch{border:.1rem solid rgba(var(--color-foreground),.2);background:transparent;color:rgb(var(--color-foreground));border-radius:999px;padding:.3rem 1.1rem;font-size:1.1rem;line-height:1.4;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.popular-addons__swatch.is-selected{border-color:rgb(var(--color-button));background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.popular-addons__toggle{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.popular-addons__toggle input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}.popular-addons__toggle-track{width:4.4rem;height:2.4rem;border-radius:999px;background:rgba(var(--color-foreground),.2);display:inline-flex;align-items:center;padding:.2rem;transition:background-color .15s ease}.popular-addons__toggle-thumb{width:2rem;height:2rem;border-radius:50%;background:rgb(var(--color-background));box-shadow:0 .1rem .2rem #00000040;transition:transform .15s ease}.popular-addons__toggle input:checked+.popular-addons__toggle-track{background:rgb(var(--color-button))}.popular-addons__toggle input:checked+.popular-addons__toggle-track .popular-addons__toggle-thumb{transform:translate(2rem)}.popular-addons__toggle input:focus-visible+.popular-addons__toggle-track{outline:.2rem solid rgb(var(--color-button));outline-offset:.2rem}
/*# sourceMappingURL=/cdn/shop/t/30/assets/component-popular-addons.css.map */